如何清除AngularJS中的輸入字段

Question

通過ngClick提交后，我試圖清除html頁面上的輸入文本字段。

<html ng-app="myApp">
<head lang="en">
<title>Test</title>
<script>
 angular.module("myApp", [])
            .controller("defaultCtrl", function ($scope) {
                $scope.members = [
                    {name: "Joe", age: 24},
                    {name: "Jane", age: 22}
                ];

                $scope.newMember = {};

                $scope.addMember = function (member) {
                    $scope.members.push(member);
                }
            });
</script>
</head>
<body ng-controller="defaultCtrl">
<table class="table table-bordered">
<thead>
    <td>Name</td>
    <td>Age</td>
    <td></td>
</thead>
<tbody>
<tr  ng-repeat="member in members">
    <td>{{member.name}}</td>
    <td>{{member.age}}</td>
</tr>
<tr>
    <td>
        <input type="text" ng-model="newMember.name" />
    </td>
    <td>
        <input type="text" ng-model="newMember.age" />
    </td>
    <td>
        <button class="btn btn-xs" ng-click="addMember(newMember)">Add</button>
    </td>
</tr>
</tbody>
</table>
</body>
</html>

這是jsFiddle中的示例的鏈接。

我不希望新名稱/年齡字段顯示為預先填充的名稱/年齡輸入，這些輸入是我在單擊“添加”后剛剛添加的。

謝謝。

Answer 1

只需重新初始化newMember對象，它將起作用

   $scope.addMember = function (member) {
       $scope.members.push(member);
       $scope.newMember = {};
   }

參見小提琴http://jsfiddle.net/cmyworld/G6M8q/

如何清除AngularJS中的輸入字段

問題描述

1 個解決方案

解決方案1
0 已采納 2014-05-25 06:05:48

如何清除AngularJS中的輸入字段

問題描述

1 個解決方案

解決方案1 0 已采納 2014-05-25 06:05:48

解決方案1
0 已采納 2014-05-25 06:05:48