javascript - 是否有可能在 Angular ng-show 表达式中获取 HTML 元素的数量？

Question

我有一个选择元素，其中有几个有条件地添加的选项元素。如果其中没有选项元素，我想进行检查并且根本不显示选择元素。这可能来自 Angular 表达式吗？

<select id="actionsDropDown{{request.id}}" class="reqActions"
        ng-show="(Need to check number of options)"
        ng-model="listing.requestAction[request.id]">
    <option value="EDIT_REQUEST" ng-if="isRequestEditingEnabled(request, listing)">Edit Request</option>
    <option value="RESEND" ng-if="isRequestResendEnabled(request)">Resend</option>
</select>

如您所见，模型中没有任何内容可绑定(bind)支票。每个 ng-if 都是一个互斥测试。

Answer 1

这实际上取决于您的实现，但我假设您的 Controller 中有一个集合，您将其绑定(bind)到您的选择:

$scope.collection = [1, 2, 3..];

因此您可以执行以下操作:

<select ng-model="model" ng-show="collection.length">
    <option ng-repeat="item in collection" ng-value="item" ng-bind="item"></option>
</select>

ng-show 指令的作用是在 collection.length 为假时隐藏选择控件。如果集合数组有任何元素，那么它将显示为真。