範圍功能向鏈路不響應角

Question

這裏是我的html

<example-directive id="my_id" ng-blur="test()"></example-directive> 

這裏是我的指令

app.directive('exampleDirective', function() { 
    return { 
    restrict: 'AE', 
    scope: { 
     label: "@", 
    }, 
    template: '<span class="some_input"> <input required/></span>', 
    controller: function($scope, $element){ 
    }, 
    link: function(scope, el, attr) { 
    // this is not responsive when blur out 
     scope.test = function(){ 
     console.log("what is up"); 
     } 
    // this is responsive when blur out 
    el.on('blur', function(){ 
     console.log("this is up"); 
     }); 
    } 
    } 
}) 

當我

$("#my_id").blur() 

控制檯

，只有

"this is up" 

露面

我不知道爲什麼當一個模糊事件example-directive

Answer 1

發生當你在自定義元素上使用模糊事件我無法訪問範圍功能，也將無法正常工作。您需要在隔離範圍內傳遞該元素，以便指令可以通過在隔離範圍內添加blur: '&ngBlur'來訪問該方法。其中blur變量賦予訪問指定ngBlur屬性的功能。

scope: { 
    label: "@", 
    blur: '&ngBlur' 
}, 

然後，你可以使用該事件的指令blur事件

el.on('blur', function(){ 
    console.log("this is up"); 
    //here we need to run digest cycle manually, 
    //as we are dealing from outside angular context. 
    $timeout(function(){ //include `$timeout` dependency in directive 
     scope.blur(); 
    }); 
});