ccc

AngularJS: filtrar datos

<!DOCTYPE html>
<html ng-app="appFiltrar">
<head>
    <meta charset="utf-8">
    <script src= "http://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js"></script>
</head>
<body>
<div ng-controller="filtrar">
    Filtrar por: <input type="text" ng-model="buscar">
    <ul>
        <li ng-repeat="valor in arrActores | filter:buscar">
            {{ valor.nombre  }} ganó el Oscar en {{ valor.anno_oscar }}
        </li>
    </ul>
</div>

<script>
    var appLSG = angular.module('appFiltrar', []);
    appLSG.controller('filtrar', ['$scope', function($scope) {
        $scope.arrActores = [
              { 'nombre': 'James Stewart', 'anno_oscar': '1940' },  
              { 'nombre': 'Gary Cooper', 'anno_oscar': '1941' },
              { 'nombre': 'James Cagney', 'anno_oscar': '1942' },
              { 'nombre': 'Humphrey Bogart', 'anno_oscar': '1951' }
        ];
    }]);
</script>
</body>
</html>

No hay comentarios:

Publicar un comentario