angular.js - Angularjs select 如何設定一個選項可以清除所選內容

Question

我想要有一個選項，裡面的值是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來實作這個功能呢？

Answer 1

雷雷