angularjs - 如何通过标记中的角度表达式过滤到数组中的单个项目？

Question

我有一个元素，我想绑定到数组中的单个项目，而 ng-repeat 似乎不适用。

如何执行以下操作以绑定到数组中的单个项目

<p class="bottomline">{{vehicle.Taglines[0].Tagline | $filter:{MarketId:$scope.MarketId}}</p>

Answer 1

你能试试这个：

{{ (vehicle.Taglines | filter: {MarketId: MarketId})[0]["Tagline"] }}

注意，filter 不是 $filter！而且您在过滤器对象参数之后错过了一个括号！

Answer 2

我认为这是不可能的，但您始终可以在控制器中编写该逻辑（并避免在模板中放置太多逻辑）

module('yourApp', []).controller(['$scope, $filter', function Controller($scope, $filter){
    $scope.$watch('MarketId', function(marketId) {
        $scope.tagLineFound = $filter('filter')($scope.vehicle.Taglines, marketId)[0];
    });
}]);

HTML

<p class="bottomline">{{tagLineFound.Tagline}}</p>