angular.js - Angularjs select 如何设置一个选项可以清除所选内容

浏览:57日期:2023-01-03

问题描述

我想要有一个选项,里面的值是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' placeholder='Name' disabled='true'><input type='text' ng-model='id' name='suburb' placeholder='id' disabled='true'>

我的js是

update(){ $scope.name=$scope.selectedItem.name; $scope.id=$scope.selectedItem.id;}

我选中一条选项之后下面的两个input会根据选项更改内容。但是我点击please select的时候两个input里面还是上一个内容,并没有清除。我试着把select写成

<select ng-model='selectedItem' ng-change='update()'> <option value=''>none</option> <option value='1'>1</option> <option value='2'>2</option></select>

选项none就可以起到这个作用。。。这是什么原因呢?要怎么才能用angularjs的select来实现这个功能呢?

问题解答

回答1:

<input type='text' ng-model='selectedItem.name' name='name' placeholder='Name' disabled='true'><input type='text' ng-model='selectedItem.id' name='suburb' placeholder='id' disabled='true'>

相关文章: