angular.js - Angularjs select 如何设置一个选项可以清除所选内容
本文介绍了angular.js - Angularjs select 如何设置一个选项可以清除所选内容的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
我想要有一个选项,里面的值是null,当我选中它的时候,可以清除input里面的内容。
我的html是这样写的
<select
ng-options="x as (x.name+' '+x.id) for x in items| orderBy:'name'"
ng-model="selectedItem" ng-change="update()">
<option value="">---Please select---</option>
</select>
<input type="text" ng-model="name" name="name" class="space" placeholder="Name" disabled="true">
<input type="text" ng-model="id" name="suburb" class="space" placeholder="id" disabled="true">
我的js是
update(){
$scope.name=$scope.selectedItem.name;
$scope.id=$scope.selectedItem.id;
}
我选中一条选项之后下面的两个input会根据选项更改内容。但是我点击please select的时候两个input里面还是上一个内容,并没有清除。我试着把select写成
<select class="form-control" ng-model="selectedItem" ng-change="update()">
<option value="">none</option>
<option value="1">1</option>
<option value="2">2</option>
</select>
选项none就可以起到这个作用。。。这是什么原因呢?要怎么才能用angularjs的select来实现这个功能呢?
解决方案
<input type="text" ng-model="selectedItem.name" name="name" class="space" placeholder="Name" disabled="true">
<input type="text" ng-model="selectedItem.id" name="suburb" class="space" placeholder="id" disabled="true">
这篇关于angular.js - Angularjs select 如何设置一个选项可以清除所选内容的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文