[英]Show input with ng-show when select some value from dropdown
I'm getting info from json and printing on a dropdown. 我从json获取信息并在下拉菜单中打印。 Next, my code:
接下来,我的代码:
function firstCombo (){
$http.get('app/combo.json')
.then(function(data){
vm.dataCombo = data.data;
//console.log(vm.dataCombo);
});
}
On my html view: 在我的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>
The returned values are just 3: 返回的值只是3:
Apple
Orange
Mango
What i want to do, is to show an input if the user selects "Apple": 我想做的是,如果用户选择“ Apple”,则显示输入:
<div class="row" ng-show="false">
<div class="col-md-4">What kind of apple?<input type="text" class="form-control"></div>
</div>
Right now, is hidden with ng-show="false", but, what am i have to do to show/hide the input if the value of dropdown is "Apple"? 现在,用ng-show =“ false”隐藏了,但是,如果下拉列表的值为“ Apple”,我该怎么做才能显示/隐藏输入? Guess is very simple, but right now, i'm in blank.
猜猜很简单,但是现在,我还是一片空白。
Thanx in advance. 提前感谢。
you can use ng-if rather than ng-show/hide option.This is one of best practice in AngularJs 您可以使用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>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.