Angularjs jeśli-następnie-else konstrukcja w wyrażeniu

Question

Czy mogę w jakiś sposób użyć konstrukcji if-then-else (Ternary-Operator) w wyrażeniu angularjs, na przykład mam funkcję $ scope.isExists (element), która musi zwrócić wartość bool. chcę coś takiego,

<div ng-repeater="item in items"> 
    <div>{{item.description}}</div> 
    <div>{{isExists(item) ? 'available' : 'oh no, you don't have it'}}</div> 
</div> 

wiem, że mogę korzystać z funkcji, która zwraca ciąg, jestem ciekawy w możliwości korzystania z if-then-else budowy do wypowiedzi. Dzięki.

Answer 1

wyrażeń kątowe nie obsługuje operator potrójny przed 1.1.5, ale można go emulować w następujący sposób:

condition && (answer if true) || (answer if false) 

Tak na przykład coś takiego będzie działać:

<div ng-repeater="item in items"> 
    <div>{{item.description}}</div> 
    <div>{{isExists(item) && 'available' || 'oh no, you don't have it'}}</div> 
</div> 

UPDATE: kątowa 1.1.5 dodano wsparcie dla operatorów trójskładnikowych:

{{myVar === "two" ? "it's true" : "it's false"}} 

Answer 2

można łatwo korzystać z ng-show, takich jak:

<div ng-repeater="item in items"> 
     <div>{{item.description}}</div> 
     <div ng-show="isExists(item)">available</div> 
     <div ng-show="!isExists(item)">oh no, you don't have it</div> 
    </div> 

Dla bardziej skomplikowanych testów, można użyć stwierdzenia ng-Switch:

<div ng-repeater="item in items"> 
     <div>{{item.description}}</div> 
     <div ng-switch on="isExists(item)"> 
      <span ng-switch-when="true">Available</span> 
      <span ng-switch-default>oh no, you don't have it</span> 
     </div> 
    </div> 

Answer 3

Można użyć operatora potrójny od wersji 1.1.5 i jak wykazano powyżej, w tym małym plunker (przykład w 1.1.5):

Ze względów historycznych (być może z jakiegoś powodu spadnie z jakiegoś powodu) tutaj jest główny kod mojego przykładu:

{{true?true:false}}