爲什麼我的AngularJS指令中的鏈接函數沒有運行？

這裏是一個簡單的Angular JS示例的HTML和Javascript。在這個例子中，爲什麼沒有鏈接函數運行並將scope.flag設置爲true（boolean）而不是'true'（字符串）？爲什麼我的AngularJS指令中的鏈接函數沒有運行？

使用Javascript：

angular.module('truthyTypes', []) 
    .directive('myDirective', function(){ 
    return { 
     template: '<div>flag value: {{ flag }}<br/>flag type: {{ flag | typeOf }}</div>', 
     scope: { 
     flag: '@' 
     }, 
     link: function(scope){ 
     scope.flag = scope.flag === 'true'; 
     } 
    } 
    }) 
    .filter('typeOf', function(){ 
    return function(input){ 
     return typeof input; 
    } 
    }) 
;

HTML：

<!doctype html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <title>Example - example-example78-production</title> 
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.0-rc.1/angular.min.js"></script> 
    <script src="script.js"></script> 
</head> 
<body ng-app="truthyTypes"> 
    <div my-directive flag="true"></div> 
</body> 
</html>

直播示例：http://plnkr.co/edit/jqk5529FmdGsxK6Xj8LZ?p=preview

來源

2014-09-12 Trindaz

的可能重複[AngularJS - 在指導的鏈接功能訪問隔離範圍（http://stackoverflow.com/questions/17111016/angularjs-access-isolated-scope-in-directives-link-function） – 2014-09-12 20:56:33

您正在使用單向綁定，因此您對指令中的標誌變量所做的任何更新都不會傳播回控制器。

使用雙向綁定（=代替@），改變標誌值：

scope: { 
    flag: '=' 
}

裏面的鏈接功能，那麼你可以將標誌設置爲任何合適的值，例如

scope.flag = true;

來源

2014-09-12 20:59:44 bengro

的分離的範圍不是立即可用的鏈接功能。請看這個類似問題的答案：AngularJS - Access isolated scope in directive's link function

來源

2014-09-12 20:57:34

爲什麼我的AngularJS指令中的鏈接函數沒有運行？

回答

相關問題