AngularJsの入力フィールドをクリアするには？

Question

ユーザーが入力フィールドに何かを入力して追加ボタンをクリックすると、入力が配列に追加され、リストに表示されます。

しかし、入力フィールドを配列にプッシュした後でクリアできません。

私はAngularJsを初めてお使いになり、助けていただければ幸いです。 ありがとうございます。ここで

は私のコードです：

<div class="container"> 
<div ng-controller="mainController"> 
<input type="text" ng-model='name' placeholder="name"> 
<input type="text" ng-model='number' placeholder="number"> 
<button ng-click="addToList()">Add</button> 
<ul ng-repeat="person in array_of_Names"> 
    <li>{{$index + 1}}.Name:{{person.name}},Phone:{{person.number}}</li> 
</ul> 
</div> 
</div> 

そして、私のapp.js：

var myApp = angular.module('myApp', []); 
myApp.controller('mainController',['$scope',function($scope){ 
$scope.array_of_Names = []; 
$scope.addToList = function(){ 
    var person = { 
     name: $scope.name, 
     number: $scope.number 
    }; 
    $scope.array_of_Names.push(person); 
}; 

}]); 

Answer 1

あなたは

$scope.number = "" 
$scope.name = "" 

を設定することができ、それは同様にHTMLでそれを変更します。ただ、このようになり、あなたのaddToList機能を変更し、仕事をする必要があります

var myApp = angular.module('myApp', []); 
myApp.controller('mainController',['$scope',function($scope){ 
$scope.array_of_Names = []; 
$scope.addToList = function(){ 
    var person = { 
     name: $scope.name, 
     number: $scope.number 
    }; 
    $scope.name = ""; 
    $scope.number = ""; 
    $scope.array_of_Names.push(person); 
}; 

}]); 

Answer 2

$scope.addToList = function(){ 
    var person = { 
     name: $scope.name, 
     number: $scope.number 
    }; 
    $scope.array_of_Names.push(person); 
    $scope.name = null; 
    $scope.number = null; 
}; 

：

あなたのコードは次のようになります。