angularjs: howto access directive (text) value

Question

I want to write a directive that shows/hides the element based on the role I'm providing as a parameter (string value).

I have the following directive:

(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();
                // }
            }
        };
    }
})();

My HTML element looks as follows:

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

When I look in the console, the message is:

showWhenRoleDirective undefined

What am I doing wrong?

is the value of admin a boolean value on your scope or is this a string value you need to check against. I'm assuming it's a string value because you've defined the isolate scope with the @ assignment. — jusopi
– jusopi, Commented Jan 12, 2016 at 18:25
Good question. Its a string value, hence I used the '@' in the scope section — Sander Spilleman
– Sander Spilleman, Commented Jan 12, 2016 at 18:26
move from compile to link, scope is not available in compile phase. also check scope/$scope — harishr
– harishr, Commented Jan 12, 2016 at 18:28
ahhhh good catch @entre. Yeah you need this to be inside the link function, the $scope is not available in the compile phase. — jusopi
– jusopi, Commented Jan 12, 2016 at 18:30

harishr · Accepted Answer · 2016-01-13 04:29:04Z

1

move from compile to link, scope is not available in compile phase

answered Jan 13, 2016 at 4:29

harishr

18.1k9 gold badges84 silver badges131 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

angularjs: howto access directive (text) value

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related