Inline-logic w szablonach w AngularJS

Question

Czy istnieje sposób zapisu logiki inline w szablonie w AngularJS.

Co chcę zrobić coś takiego:

<div ng-repeat="item in items"> 
    {{item.isValid ? 'Valid item' : 'Invalid Item'}} 
</div> 

Answer 1

Można użyć && i ||, który zakończy działają tak samo, jak operatorzy trójskładnikowi.

{{item.isValid && 'Valid' || 'Invalid' }}

EDIT: kątowe wprowadzone operatorów trójskładnikowych w 1.1.5:

{{item.isValid ? 'Valid' : 'Invalid' }}

Answer 2

Można wstawić rozpiętość NG-show, aby pokazać swój tekst warunkowy

Przykład

<div ng-repeat="item in items"> 
    <span ng-show="item.isValid"> 
      Valid item 
    </span> 
    <span ng-show="!item.isValid"> 
      Invalid item 
    </span> 
</div> 

Answer 3

Ty nie można używać warunkowych w wyrażeniach kątowych. I, jeśli treść div jest lekki (tylko tekst), możesz użyć NG-bind (także pozwala uniknąć konieczności dodatkowego elementu zakresu):

<div ng-repeat="item in items" ng-bind="{true: 'Valid item', false: 'Invalid item'}[item.isValid]"></div>