转发器的角度逻辑

Posted 2023-03-05

【中文标题】转发器的角度逻辑

【英文标题】：Angular logic for repeater

【发布时间】：2015-06-23 16:24:36

【问题描述】：

我有一个像这样的简单中继器设置

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

当然，对于每个数组，我都会在 ion-item 中获得一个标题。现在是棘手的事情。

data 来自一些JSON 我正在拉进来。我想访问数组更深的东西，但我不知道如何获得它。在 javascript 中，我将访问它作为

location['custom_fields']['coupon_relationships']

coupon_relationships 是另一个用于任意数量项目的数组。我只想能够计算那里的项目数量并打印出整数。然后我想做逻辑，以便单词 coupons 跟随，除非只有 1 个，此时我希望单词是 coupon。我知道我可以通过 javascript 完成这一切，但我正在尝试学习 AngularJS 的功能。这一切都可以通过 Angular html 实现吗？

【问题讨论】：

如果你能发布一个小sn-p的json会有所帮助

【参考方案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>

【参考方案2】：

John 的回答最适合 angular 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