возникли проблемы с установкой очистки поля ввода AngularJS

Question

Имея установку проблемы очистки поля ввода

Я в настоящее время пытаюсь очистить поле ввода на нг-модели = «newInstruction.instructionText» после того, как новый текст инструкции был добавлен. Вот код, где я пытался сбросить его в пустую строку, но поле ввода не было очищено. Почему это?

Я попытался консоль входа следующее функции updateInstructionText:

console.log (newInstruction) возвращает неопределенное значение в консоли.

Console.log ($ scope.newInstruction) возвращает undefined в консоли.

console.log (инструкция) возвращает объект с текстом инструкции внутри ех: Object {instructionText: 'новая команда'}

Контроллер:

angular.module('app').controller('InstructionController', function($scope, $http, NgTableParams, $filter) { 
    $scope.initList = function() { 
    $scope.getRemoteInstructions = function(typed) { 
     $http.get("/api/instructions?searchInstructionText=" + typed).then(function(response) { 
     $scope.instructionChoices = _.map(response.data, function(instruction) { 
      instruction.instructionText; 
     }); 
     }); 
    }; 
    $scope.updateInstructionText = function(instruction) { 
     var instructionPromise; 
     if (instruction.id) { 
     instructionPromise = $http.put("api/instructions/" + instruction.id, instruction); 
     } 
     else { 
     instructionPromise = $http.post("/api/instructions", instruction); 
     } 

     $scope.newInstruction = ''; 
     $instruction = ''; 

     instructionPromise.then(function(response) { 
     $('#instructionModal').closeModal(); 
     $scope.instructionTable.reload(); 
     }); 
    }; 
    }; 
}); 

HTML

<div class="container-fluid" ng-init="initList()"> 
    <div class="row"> 
     <h3>Total Instructions: {{totalInstructions}}</h3> 
     <table class="striped highlight bordered" ng-table="instructionTable" show-filter="true"> 
     <tr> 
      <td class="input-field"> 
      <input placeholder="Enter New Instruction Text" ng-model="newInstruction.instructionText" type="text"> 
      </td> 
      <td> 
      <a class="waves-effect waves-light btn" ng-click="updateInstructionText(newInstruction)">Add</a> 
      </td> 
     </tr> 
     </table> 
    </div> 
    </div> 
    <ng-include src="'/views/modals/instructionModal.html'"></ng-include> 
</div> 

Answer 1

Просто сделайте:

instruction.instructionText = null 

Поскольку вы обращаетесь аргумент (объект) внутри функции с инструкцией по имени, если вы установите нулевое значение, вы можете очистить поле ввода

Answer 2

Просто сделать $ scope.newInstruction.instructionText = нуль