2013-10-15 13 views
10
<div ng-controller="CartController"> 
    <div ng-repeat="item in items"> 
      <span>{{item.title}}</span> 
      <input ng-model="item.quantity"> 
      <span>{{item.price | currency}}</span> 
      <span>{{item.price * item.quantity | currency}}</span> 
    </div> 
    <div>Total: {{totalCart() | currency}}</div> 
    <div>Discount: {{bill.discount | currency}}</div> 
    <div>Subtotal: {{subtotal() | currency}}</div> 
</div> 

The | w powyższym kodzie - co on robi?Co robi rura w tym wyrażeniu AngularJS

+5

rzucić okiem na [] (kątowe Filtry http://code.angularjs.org/1.1.5/docs/ guide/dev_guide.templates.filters). – dmahapatro

Odpowiedz

21

Symbol rury (|) służy do zastosowania filtrów w AngularJS. Filtr to funkcja, która jest wywoływana do obsługi transformacji modelu. Jest to po prostu funkcja globalna, która nie wymaga rejestracji funkcji w zakresie i oferuje wygodniejszą składnię do regularnych wywołań funkcji. Filtr walut automatycznie formatuje liczbę w bieżącej lokalizacji waluty użytkownika.

[Zawartość wideo niestety teraz za paywall] Sprawdź ten film na przykład http://egghead.io/lessons/angularjs-built-in-filters

+2

Oglądałem wideo .. Myślałem, że filtry mogą być używane tylko w połączeniu z powtórzeniem ng. To przypomina mi, że angularjs to potężne narzędzie. – Luke101

+0

To płatny film! –

+0

Hmmn, szkoda, że ​​to nie był oryginalny film – TyndieRock