Inline-logic в шаблонах в AngularJS

Question

Есть ли способ написать логику inline в шаблоне в AngularJS.

То, что я хочу сделать что-то вроде этого:

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

Answer 1

Вы можете использовать && и ||, который завершится так же, как и троичные операторы.

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

EDIT: Угловые введенные тройные операторы в 1.1.5:

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

Answer 2

Вы можете вставить промежуток с нг-шоу, чтобы показать ваш условный текст

Пример

<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

Вы не может использовать условные выражения в угловых выражениях. И, если содержание DIV свет (только текст), вы можете использовать нг-привязку (это также избавляет от необходимости дополнительного элемента SPAN):

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