Question

下面是我的angularjs代码：表单提交后我无法清除inputComment字段。

在这里我能够成功添加记录但是在添加记录后我试图清除输入字段但我无法做到。

HTML code:
<body ng-app="taskDemo" ng-controller="taskController">
    <div class="widget-body">
        <form class="add-task" ng-if="addNewClicked" ng-init="addNewClicked=false;">
        <div class="">
            <div class="input-group">
                <input name="comment" ng-model="inputComment" type="text" class="form-control"   > 
                    <div class="input-group-btn">
                        <button ng-click="addTask(inputComment)" type="submit" class="btn btn-default">
                            <i class="glyphicon glyphicon-plus"></i>&nbsp;Add New Task
                        </button>
                    </div>
            </div>
        </div>
        </form>
    </div>
</body>

JS Code:
<script type="text/javascript" src="js/angular.min.js"></script>
<script type="text/javascript" >
        app = angular.module('taskDemo', []);
        app.controller('taskController', function($scope, $http){
                $scope.addTask = function (task) {
                $http.post("ajax/addTask.php?task="+task)
                    .success(function ($response) {
                       getTaskList();                 
                    });
                 $scope.inputComment = '';  

            };
        }
    </script>

Answer 1

在此处阅读原型继承：What are the nuances of scope prototypal / prototypical inheritance in AngularJS?

将yr控制器更改为：

     app.controller('taskController', function($scope, $http){
            $scope.inputComment ={value:''};  
            $scope.addTask = function (task) {
            $http.post("ajax/addTask.php?task="+task)
                .success(function ($response) {
                   getTaskList();                 
                });
             $scope.inputComment ={value:''};  

        };
    }

和内部HTML页面更改此

<input name="comment" ng-model="inputComment" type="text" class="form-control"   >

到

<input name="comment" ng-model="inputComment.value" type="text" class="form-control"   >

AngularJs：表单提交后无法清除输入字段

1 个答案: