如果其中没有选项，如何隐藏选择字段

Question

我有两个动态 select 字段。第一个选择字段是从列表中加载的，并根据您 select 的内容填充第二个 select 字段。

我有一个问题，我想隐藏第二个 select 字段，如果它没有任何选项但似乎没有任何效果

我试过ng-if="caseDetails.Subcategory1.length === 0"（这只是隐藏控件，如果有选项则不显示任何内容）和ng-if="caseDetails.Subcategory1.length < 1"

初级select字段代码

<select class="form-control ng-pristine ng-valid ng-empty ng-touched" 
        id="exampleFormControlSelect8"
        ng-options="caseType for caseType in caseTypes"
        ng-model="caseDetails.Casetype"
        ng-change="onCaseTypeChanged()">
    <option value="?" selected="selected"></option>
    <option label="option1" value="string:option1">option1</option>
    <option label="option2" value="string:option2">option2</option>
    <option label="option3" value="string:option3">option3</option>
    <option label="option4" value="string:option4">option4</option>
</select>

下面是没有选项但无论如何加载空白选项的代码。

<select ng-options="subCategory for subCategory in getPrimaryCategories()"
        ng-model="caseDetails.Subcategory1"
        ng-change="onPrimaryCategoryChanged()">
    <option value="?" selected="selected"></option>
</select>

下面是有选项的代码

<select ng-options="subCategory for subCategory in getPrimaryCategories()" 
        ng-model="caseDetails.Subcategory1"
        ng-change="onPrimaryCategoryChanged()">
    <option value="?" selected="selected"></option>
    <option label="option1" value="string:option1">option1</option>
    <option label="option2" value="string:option2">option2</option>
    <option label="option3" value="string:option3">option3</option>
    <option label="option4" value="string:option4">option4</option>
</select>

    $scope.getPrimaryCategories = function(){
        var matches = [];

        var mappings = $scope.caseTypeMappings;
        for(var i = 0; i < mappings.length; i++){
            var mapping = mappings[i];
            if(mapping.Casetype == $scope.caseDetails.Casetype && mapping.Subcategory1 != null) {
                for(var j = 0; j < mapping.Subcategory1.length; j++){
                    if(mapping.Subcategory1[j] && matches.indexOf(mapping.Subcategory1[j]) < 0) {
                        matches.push(mapping.Subcategory1[j]);
                    }
                }
            }
        }

        return matches;
    }

Answer 1

保存getPrimaryCategories()函数的结果，并用其长度显示控件：

<select ng-options="subcat for subcat in (subcatArr = getPrimaryCategories())"
        ng-show="subcatArr.length"
        ng-model="caseDetails.Subcategory1"
        ng-change="onPrimaryCategoryChanged()">
</select>

如果其中没有选项，如何隐藏选择字段

How do I hide a choice field if there are no options in it

angularjs

angular-ng-if

ng-hide