AngularJS：監視表單以了解輸入是否模糊

Question

我最近搜索了很多次，但沒有找到任何好的答案或適合我的解決方案。 我想創建一個指令來控制模糊時表單輸入的更改。 用於在工具內編輯用戶設置。

因此，用戶在名為“ generall”的表單中的輸入字段內單擊，直到此處不應該發生任何事情，如果用戶正在編輯（鍵入），則也應不發生任何事情。 現在，用戶單擊字段的外部（模糊），該指令應調用“ updateSettings”之類的函數，並為他們提供表單名稱（generall）以及字段中的所有名稱+值。

看起來像var vars = { formName: 'generall', fields: {ALLFIELDS} } 。

我已經嘗試使用該功能了：

return {
  require: "form",
  link: function(scope, element, attrs){z
    var cb = $parse(attrs.formOnChange);
    element.on("change", function(){
      cb(scope);
    });
  }
}; 

這是我的代碼： https : //plnkr.co/edit/KrjtJVCS9kxRckMH3Mv6?p=preview

Answer 1

采用

element.on("blur",function(){})

樣本指令

app.directive("myDirective", function ($rootScope) {

    return {
        controller: function ($scope) {

        }, //end of controller
        restrict: 'A',
        // element must have ng-model attribute.
        require: 'ngModel',
        link: function ($scope, ele, attrs, ngModel, $rootScope) {

            ele.on('blur', function () {
               //write functionality here 

            });

        }, //end of link function
    } //end of return
}); //end of myDirective