指令模板函數的角度訪問范圍

Question

我有一個指令，它有一個模板功能

restrict: 'E',   // 'A' is the default, so you could remove this line
    scope: {
        field : '@field',

    },
    template: function( element, attrs) {
         //some code here
    },
    link: function (scope, element, attrs) {

是否可以從模板函數訪問指令的范圍？ 我正在嘗試做類似的事情

if (scope.columnType == 'test'){ .. }

因為我想根據其他值渲染不同的模板

Answer 1

你可以從Link函數訪問指令$ scope，$ compile任何HTML並將它附加到指令元素（實際上，它可能被初始化為空）：

angular.module("example")
.directive('example', function($compile) {
    return {
        restrict: 'E',
        link: function(scope, element, attrs){
            scope.nums = [1, 2, 3];
            var html = '<div ng-model="scope"><p ng-repeat="n in nums">{{ n }}</p></div>';
            var el = $compile(html)(scope);
            element.append(el);
        }
    }
});

請注意，我必須明確指定標記的數據模型（ng-model =“scope”）。 否則我無法使它工作。