Угловая логики для повторителя

Question

У меня есть простая установка ретранслятора, как так

<ion-item ng-repeat="location in data.posts"> 
    {{location.title}} 
</ion-item> 

И, конечно, для каждого массива я получаю название внутри ионного элемента. Теперь за хитрые вещи.

data исходит от JSON Я втягиваю. Я хочу получить доступ к чему-то более глубокому в массив, но я не знаю, как его получить. В JavaScript я бы доступ к нему, как

location['custom_fields']['coupon_relationships'] 

Какого coupon_relationships является другим массивом для любого количества элементов. Я просто хочу иметь возможность подсчитать количество предметов и распечатать целое число. Затем я хочу сделать логику, чтобы слово купонов следует за исключением случаев, когда есть только 1, в котором я хочу, чтобы это слово было купон. Я знаю, что могу сделать все это с помощью javascript, но я пытаюсь изучить особенности AngularJS. Все это возможно через Angular html?

Answer 1

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

<ion-item ng-repeat="location in data.posts"> 
    {{location.title}} - 
    {{location.custom_fields.coupon_relationships.length}} 
    {{location.custom_fields.coupon_relationships.length != 1 ? 'Coupons' : 'Coupon'}} 
</ion-item> 

Answer 2

ответ Джона будет лучше для углового 1.1.5+ (that's when they added the ternary operator in templates)

Если вы используете старую версию, которую вы могли бы сделать что-то вроде этого:

<div ng-app> 
    <div ng-controller="PollCtrl"> 
     <li ng-repeat="poll in polls"> 
      <a href="#"> 
      {{poll.custom_fields.coupon_relationships.length}} 
      Coupon<span ng-if="poll.custom_fields.coupon_relationships.length != 1">s</span> 
      </a> 
     </li> 
    </div> 
</div> 

контроллер:

function PollCtrl($scope) { 
    $scope.polls = [ 
     { 
      custom_fields: 
       { 
        coupon_relationships: 
        [ 
         'one here', 'another','fffff','ffffff' 
        ] 
       } 
     } 
    ] 
} 

codepen