配列内の単一のアイテムにバインドしたい単一の要素があり、ng-repeat は適用できないようです。
配列内の単一のアイテムにバインドするには、次のようなことを行うにはどうすればよいですか
<p class="bottomline">{{vehicle.Taglines[0].Tagline | $filter:{MarketId:$scope.MarketId}}</p>
配列内の単一のアイテムにバインドしたい単一の要素があり、ng-repeat は適用できないようです。
配列内の単一のアイテムにバインドするには、次のようなことを行うにはどうすればよいですか
<p class="bottomline">{{vehicle.Taglines[0].Tagline | $filter:{MarketId:$scope.MarketId}}</p>
これを試していただけますか:
{{ (vehicle.Taglines | filter: {MarketId: MarketId})[0]["Tagline"] }}
でfilter
はありません $filter
。また、フィルター オブジェクトの引数の後に括弧がありません。
可能だとは思いませんが、いつでもコントローラーにそのロジックを書くことができます(そして、テンプレートに多くのロジックを入れないようにしてください)
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>