Verwendung von eckig, Ist es irgendwie möglich, einen Wert mit einem Filter direkt auf HTML-Code anzuzeigen?

Usualy, verwenden Sie Filter direkt im HTML-Code wie folgt aus:Verwendung von eckig, Ist es irgendwie möglich, einen Wert mit einem Filter direkt auf HTML-Code anzuzeigen?

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

Aber in meinem Fall muss ich Filter verwenden, um einen Wert anzuzeigen. Etwas wie folgt aus:

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

Um als Ausgabe zu erhalten:

8 Car Product(s) found. (Beispiel)

HINWEIS:

Ich weiß, wie es zu tun mit Javascript, aber dies ist nicht was ich suche. Ich möchte wissen, ob es möglich ist, es direkt in meinem HTML-Code zu tun.

Quelle

2016-07-04 Emidomh

Ja, Sie können es in der {{}} Notation verwenden. –

@MarcusH Kannst du mir ein Beispiel geben? Bitte danke ! – Emidomh

Eine Sekunde :) brb –

können Sie verwenden:

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

Und die Menge anzuzeigen nur:

{{filter.lentgh}}

Quelle

2016-07-04 12:07:03

Es funktioniert mit {{filter.lentgh}} – Emidomh

ja, ich habe vergessen, das hinzuzufügen. danke (: –

Sie Filter in der {{}} Notation in dem HTML-Dokument fast überall verwenden können.

Nennen Sie es die gleiche Art und Weise wie immer: {{scope_value | YourFilter}}

Hier ist ein Beispiel eines Filters direkt in der {{}} Schreibweise verwendet:

<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 ein Plunker

Quelle

2016-07-04 12:15:51

bereits.

{{(Produkte | Filter: {Kategorie: 'Auto'}). Länge}} Auto Produkt (e) gefunden.

Quelle

2016-07-04 12:19:54

Sauberste Antwort;) – Emidomh

Sie sind Produkte außerhalb der ng-Wiederholung, sicherlich nicht die sauberste Antwort. –

@ItsikMauyhas In angular js offiziellen Website gibt es keine Spezifikation in Bezug auf Filter nur in ng-wiederholen. –

Verwendung von eckig, Ist es irgendwie möglich, einen Wert mit einem Filter direkt auf HTML-Code anzuzeigen?

Antwort

Verwandte Themen