角度を使用すると、何らかの形でhtmlコードに直接フィルタで値を表示できますか？

Usualy、あなたは、このようにHTMLコード内で直接フィルタを使用している：角度を使用すると、何らかの形でhtmlコードに直接フィルタで値を表示できますか？

<div ng-repeat="product in products | filter:{ category : 'car' }">

しかし、私の場合は私が値を表示するためにフィルタを使用する必要があります。

<p> {{products.length | filter:{category : 'car'} }} Car Product(s) found.</p>

出力として得るために：

8 Car Product(s) found.（例）

注：このような何か

私はJavaScriptを使用してそれを行う方法を知っているが、これではありません私が探しているもの。私はそれが私のHTMLコードで直接行うことが可能かどうかを知りたい。

<div ng-repeat="product in filter = (products | filter:{ category : 'car' })">

をそして、ちょうど量を表示するには：

出典

2016-07-04 Emidomh

はい、{{}}表記の中で使用できます。 –

@MarcusH私に例を教えてもらえますか？ありがとう！ – Emidomh

1秒：brb –

を使用できますが、HTMLドキュメント内のほとんどどこでも{{}}表記内のフィルタを使用することができます

{{filter.lentgh}}

出典

2016-07-04 12:07:03

それは{{filter.lentgh}}を使用して動作します – Emidomh

はい、私はそれを追加するのを忘れました。ありがとうございます（ –

。

として常に同じ方法でそれを呼び出す：ここ{{scope_value | YourFilter}}

は{{}}表記で直接使用されるフィルタの一例は次のとおり

<body ng-app="inputExample"> 
    <script> 
    angular.module('inputExample', []) 
    .controller('InputController', ['$scope', function($scope) { 
     $scope.val = 0; 
    }]).filter('YesNo', function() { 
    return function (num) { 
     return num === 0 ? 'Zero' : 'Not Zero'; 
    }; 
}); 
</script> 
<div ng-controller="InputController"> 

    <label> 
     Add number or zero 
     <input type="number" ng-model="val"> 
    </label> 
    <label> {{val | YesNo}} </label> 

</div> 
</body>

Here's plunker

出典

2016-07-04 12:15:51

これを試してください。

{{（製品|フィルター：{category： 'car'}））長さ}}車の商品が見つかりました。

出典

2016-07-04 12:19:54

クリーンな回答; – Emidomh

）あなたはng-repeatの外にある製品を反復していますが、確かにクリーンな答えではありません。 –

@ItsikMauyhas角度jsオフィシャルサイトでは、ng-repeatでのフィルター使用に関する仕様はありません。 –

角度を使用すると、何らかの形でhtmlコードに直接フィルタで値を表示できますか？

答えて

関連する問題