AngularJs: Не удалось очистить поле ввода после формы sumbit

Ниже мой код angularjs: я не могу очистить inputComment поле после формы submit.AngularJs: Не удалось очистить поле ввода после формы sumbit

Здесь я могу добавить запись успешно, но после добавления записи я пытаюсь очистить поле ввода, но я не могу это сделать.

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>

источник

2015-01-22 khanz

Что находится внутри 'getTaskList()' function? Убедитесь, что вы не определяете '$ scope.inputComment' внутри. – Kasyx

Здесь getTaskList() Код: Функция getTaskList() { $ http.post ("Ajax/getTaskList.php") .success (функция ($ ответ) { $ scope.taskList = $ отклика; }); } – khanz

@Kasyx: Не задавать $ scope.inputComment внутри getTaskList(), но я использую в нем модуль $ scope. – khanz

Читайте о Прототипическом Наследовании здесь: What are the nuances of scope prototypal/prototypical inheritance in AngularJS?

Изменить контроллер года к этому:

 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:''}; 

     }; 
    }

и внутри YR изменений HTML страницы этого

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

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

источник

2015-01-22 13:00:44 nitin

Было бы неплохо отметить, что на самом деле проблема и почему ваше решение может работать. – zeroflagL

AngularJs: Не удалось очистить поле ввода после формы sumbit

ответ

Смежные вопросы