How to reload an Angularjs Directive in the Controller?

Question

Personal greetings, I am developing an app with login and I am using Angularjs, but I have a cruel doubt when logging in the user.

It turns out that I am using the user menu via Directive, when the user is not logged in to the system it shows the default links (Sign in, Register, etc...), but even after the user logs into the system it remains the same menu. I would like when the user logs in he reloads the Directive from the menu to show the user options.

My Directive is the following:

app.directive("menuAluno", function() {
  var linker = function(scope, element, attrs) {
    // DO SOMETHING
  }

  return {
    templateUrl: "menu",
    scope: { menuAluno: '=menuAluno' },
    controller: "menuCtrl"
  };
});

Answer 1

Friend your Directive is very vague, in your controller create a user object and fill it with the data of your user coming from where you are pulling, and leave the Directive only for the same menu, example:

app.directive("menuAluno", function() {
  return {
    templateUrl: scope.urlMenu,
    scope: {
       menuAluno: '=menuAluno',
       objAluno: '='
    },
    link: function(scope){
           scope.urlMenu = (scope.ubjAluno ? 'menu-aluno.html' : 'menu-defalt.html');
    },
    controller: "menuCtrl"
  };
});

in the example given above I receive an object objAluno and then on the link check if the user is filled in(logged in) scope.urlMenu = (scope.ubjAluno ? 'menu-aluno.html' : 'menu-defalt.html'); if yes I pass a Url to the templateUrl, If I do not pass another url to the template, ai la in your page you pass the user object as parameter to the example component <menu-aluno obj-aluno="vm.usuario"></menu-aluno>