Question

我从json获取信息并在下拉列表上打印。接下来，我的代码：

function firstCombo (){
    $http.get('app/combo.json')
    .then(function(data){
        vm.dataCombo = data.data;
        //console.log(vm.dataCombo);
    });
}

在我的html视图中：

<div class="col-md-4 col-md-offset-3"> What is this?
                    <button type="button" id="options1" aria-expanded="false" aria-haspopup="true" role="button" data-toggle="dropdown" class="btn btn-default dropdown-toggle">
                        Select one <span class="caret"></span>
                    </button>
                    <ul class="dropdown-menu" id="list1">
                        <li ng-repeat="dea in $ctrl.dataCombo"><a href="#">{{dea.value}}</a></li>
                    </ul>
                </div>

返回的值只有3：

Apple
Orange
Mango

我想做的是，如果用户选择“Apple”，则显示输入：

<div class="row" ng-show="false">
                <div class="col-md-4">What kind of apple?<input type="text" class="form-control"></div>
            </div>

现在，用ng-show =“false”隐藏了，但是，如果下拉列表的值是“Apple”，我必须做什么才能显示/隐藏输入？猜猜很简单，但现在，我已经空白了。

提前完成。

Answer 1

您可以使用 ng-if 而不是 ng-show / hide 选项。这是AngularJs中的最佳做法之一

<div class="row" ng-if="selectedValue=='Apple'">
 <div class="col-md-4">What kind of apple?<input type="text" class="form-control"></div>
</div>

从下拉列表中选择一些值时，使用ng-show显示输入

1 个答案: