表內的指導作用不點火

Question

我有角一個指令如下：

angular 
    .module('accountApp') 
    .directive('matchTo', function() { 
     return { 
      restrict: 'A', 
      require: 'ngModel', 
      link: function(scope, elm, attrs, ctrl) { 

       // var attributes = scope.$eval(attrs.matchTo); 

       ctrl.$validators.matchTo = function(modelValue) { 

        var attributes = scope.$eval(attrs.matchTo); 

        if(attributes.unequal == undefined) { 
         attributes.unequal = false; 
        } 

        console.log(modelValue); 
        console.log(attributes.matchString); 
        console.log(attributes.unequal); 

        if(attributes.unequal) { 
         if(attributes.matchString == undefined || attributes.matchString == null) { 
          return true; 
         } else { 
          return modelValue != attributes.matchString; 
         } 
        } else { 
         if(attributes.matchString == undefined || attributes.matchString == null) { 
          return false; 
         } else { 
          return modelValue == attributes.matchString; 
         }       
        } 
       } 

       scope.$watch(attrs.matchString, function() { 
        ctrl.$validate(); 
        console.log('watch fired'); 
       }); 

      } 
     } 
    }); 

這裏是我的html：只有

<input type="text" id="name" name="name" class="form-control form-input" ng-model="creditDebit.name" 
     ng-disabled="isReadOnly" autocomplete="off" 
     required 
     ng-required-err-type="requiredCreditDebit" /> 

<input type="text" id="code" name="code" class="form-control form-input" ng-model="creditDebit.code" 
     ng-disabled="isReadOnly" autocomplete="off" 
     required 
     match-to="{ matchString: creditDebit.name, unequal: true}" 
     ng-required-err-type="requiredCreditDebitCode" 
     ng-matchTo-err-type="unMatchNameAndCode" /> 

觀看功能火災時，頁面重新加載。但是我希望當價值發生變化時它會被激發。

Answer 1

沒有必要看屬性，因爲它沒有屬性的改變，而是matchString財產的範圍。所以我會這樣做：

var matchTo = $parse(attrs.matchTo); 
scope.$watch(function() { 
    return matchTo(scope).matchString; 
}, function (value) { 
    console.log(value); 
}); 

有關詳細信息，請參閱this plunker。

Answer 2

您可以使用。

scope.$watch(attrs.matchString, function() { 
       ctrl.$validate(); 
       console.log('watch fired'); 
    },true); 

或嘗試這個現在

element.bind('keypress', function(event) { 
       if(event.keyCode === 32) { 
       event.preventDefault(); 
       } 
      });