Угловая модель обновления при нажатии

Question

У меня есть вход, используется модель «filtro3». Нажав, я хочу удалить его содержимое. Делая это работает правильно:

<input type="text" ng-model="filtro3" placeholder=" Buscar" ng-click="filtro3 = null"> 

Но если я хочу поставить то же самое действие в функции не работает:

<input type="text" ng-model="filtro2" placeholder=" Buscar" ng-click="actualizaCombo()"> 

     $scope.actualizaCombo = function() { 
      console.log('actualizaCombo'); 
      console.log('filtro2 before='+$scope.filtro2); 
      $scope.filtro2    = null; 
      console.log('filtro2 after='+$scope.filtro2); 
     } 

Казнь показано в консоли:

actualizaCombo 
filter2 before = undefined 
filter2 after = null 

Когда я тип «как»:

actualizaCombo 
filter2 before = null 
filter2 after = null 

И не стирайте его содержимое, на экране продолжает отображаться «как». Что случилось? что-то не хватает? Спасибо

Answer 1

Возможно, ваш вход находится в угловой директиве, которая создает дочернюю область $ scope, поэтому, когда вы пытаетесь ссылаться на свой $ scope.filtro2, ее не существует. Это, вероятно, в $ scope. $ Parent.filtro2 или что-то подобное.

Как хорошая практика в угловых вы должны предпочитать ссылаться на что-то с помощью точечной нотации: не переводите filtro2 непосредственно в $ объеме, но использовать и объект как $ scope.filters = {filtro2: «тест»}

или передать аргумент элементу, который вы хотите изменить, в свой ng-click ng-click: «myAction (myElement)»