0

function MyCtrl($scope, $filter)
{
    $scope.items = [
        {id:71610067, name:'John'},
        {id:2, name:'Steve'},
        {id:3, name:'Joey'},
        {id:4, name:'Mary'},
        {id:5, name:'Marylin'}];
    
    $scope.items2 = $scope.items;
    
    $scope.$watch('search', function(val)
    { 
        $scope.items = $filter('filter')($scope.items2, val);
    });
};
<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<script src="data.js" ></script>
<body>

<div ng-app>
    <div ng-controller="MyCtrl">
        <input type="text" ng-model="search">
        <table>
            <tbody>
                <tr ng-repeat="item in items">
                    <td>{{item.id}}</td>
                    <td>{{item.name}}</td>
                </tr>
            </tbody>
        </table>
    </div>
</div>



<p>The list will only consists of names matching the filter.</p>


</body>
</html>

Alguien me ayuda a saber porque mi codigo no funciona?

1
  • Te estaría faltando crear un angular.module y registrar el controller en el mismo. Te recomiendo que leas la guia para desarrolladores de Angular
    – Marcos
    Commented el 2 jun. 2017 a las 18:08

1 respuesta 1

3

Yo lo haria mas sencillo sin hacer el filtro en el controller

    <input type="text" ng-model="query">
    <table>
        <tbody>
            <tr ng-repeat="item in items | filter:{item.name:query}">
                <td>{{item.id}}</td>
                <td>{{item.name}}</td>
            </tr>
        </tbody>
    </table>

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.