Question

我想通过变量提供过滤值。下面的ng-repeat行有什么问题，我试图包含模型参考{{fil}}？

<!DOCTYPE html>
<html>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<body>

<div ng-app="myApp" ng-controller="namesCtrl">

<ul>
  <li ng-repeat="x in names | filter : {{fil}}">
    {{ x }}
  </li>
</ul>

<p>This example displays only the names containing the letter {{ fil }}.</p>

</div>

<script>
angular.module('myApp', []).controller('namesCtrl', function($scope) {
    $scope.names = [
        'Jani',
        'Carl',
        'Margareth',
        'Hege',
        'Joe',
        'Gustav',
        'Birgit',
        'Mary',
        'Kai'
    ];
    $scope.fil = "a";
});
</script>

</body>
</html>

Answer 1

您应该在没有插值{{}}的情况下传递它，因此它将应用范围内的过滤器fil。

<li ng-repeat="x in names | filter : fil">
    {{ x }}
</li>

AngularJS过滤器语法

1 个答案: