javascript - angularjs:如何访问指令(文本)值

Question

我想编写一个指令，根据我作为参数(字符串值)提供的 Angular 色来显示/隐藏元素。

我有以下指令:

(function() {
    'use strict';

    angular
        .module('fuse')
        .directive('showWhenRole', showWhenRoleDirective);

    /** @ngInject */
    function showWhenRoleDirective(auth) {
        return {
            restrict: 'A',
            scope: {
                showWhenRole: '@'
            },
            compile: function(scope, tElement) {
                console.log("showWhenRoleDirective",scope.showWhenRole);
                // if (auth.isAdmin()) {
                //     tElement.show();
                // } else {
                //     tElement.hide();
                // }
            }
        };
    }
})();

我的 HTML 元素如下所示:

<md-menu-bar id="user-menu" show-when-role="admin">

当我查看控制台时，消息是:

showWhenRoleDirective undefined

我做错了什么？

Answer 1

从compile移动到link，scope在compile阶段不可用