如何检查Angular Js中的数组大小?

时间:2016-08-09 04:48:40

标签: javascript html angularjs

我有一个数组。例如:

CaptionList = [
        { caption: "John" },
        { caption: "Jack" },
        { caption: "Jounior" }
    ];

我创建了一个标记输入控件并通过CaptionList.like填充它,

<div class="input-group">
    <div id="divItems" style="overflow-y: auto; overflow-x: hidden; height: 50px;" class="form-control">

        <span  ng-repeat="item in CaptionList " class="item">
           <span><i id="imgDelete" class="fa fa-remove"  ng-click="remove($index)"></i>&nbsp; {{item.caption}} </span>
        </span>
        
    </div>

</div>

现在,我想检查CaptionList的长度是否小于1且大于3它显示错误消息。有什么帮助吗?

4 个答案:

答案 0 :(得分:2)

<div ng-if="CaptionList.length < 1 || CaptionList.length > 3">Error Message</div>

答案 1 :(得分:1)

<div ng-show="CaptionList.length < 1 || CaptionList.length > 3 " >
   Error Msg
</div>

我更愿意使用ng-show代替ng-if,因为ng-if会创建子范围而ng-show则不会。这可能会产生意想不到的结果。

答案 2 :(得分:0)

您可以使用数组名称.length来确定长度。 即

CaptionList.length

HTML:

<div ng-if="CaptionList.length < 1 || CaptionList.length > 3">Error Message</div>

答案 3 :(得分:0)

我认为它应该是&#34;小于1或大于3&#34;,你不能有一个小于1和大于3的数字,在这种情况下所有的答案都是正确的。

作为替代方案,您可以使用ng-show代替ng-if

 @Scheduled(fixedDelay = 5000)
    public void doJobDelay() {
        // do anything
    }
  @Scheduled(fixedRate = 5000)
    public void doJobRate() {
        // do anything
    }