Угловые JS - значение изменения модели в пользовательской директиве

Question

им пытается изменить нг-модель значение в пользовательской директиве, но вопрос в том, что я использовал контроллер как

<div ng-controller="AreaController as vm"> 
<md-input-container flex="40" class="md-block" on-enter="vm.search()"> 
      <label>Search</label> 
       <md-icon class="material-icons" >search</md-icon> 
      <input type="text" name="search" ng-model="vm.area.searchText" clear-input="vm.getList()"> 
      </md-input-container> 

и в пользовательской директиве, им пытаются очистить вход поле путем изменения значения нг-модели для «», но им не удалось получить значение

var result = scope[attr.ngModel]; 
        var r = $parse(attr.ngModel); 

результат нулевой, как я могу решить эту проблему

любая помощь будет оценена

Answer 1

Вы можете получить доступ к значению ngModel в пользовательской директиве путем доступа к ngModel контроллеру $viewValue и $modelValue свойства:

angular.module('app').directive('clearInput', clearInputDirective) 

var clearInputDirective = function(){ 
    return { 
     restrict: "A", 
     require: "ngModel", 
     link: function(scope, element, attr, ngModel){ 
     var view_value = ngModel.$viewValue //The actual value from the control's view 
     var model_value = ngModel.$modelValue //The value in the model that the control is bound to. 
     ngModel.$viewValue = 'new value' //set new view value 
     ngModel.$commitViewValue(); //Commit a pending update to the $modelValue 
     } 
    } 

}