AngularJS - switching templateUrl in directive

Question

This is an example of my code where I want to switch a templateUrl. This works only if you refresh the page while holding the data in localstorage or backend.

app.directive('myPanel', ['myService', function(myService) {
    if(myService.isThisTrue()) {
        return {
            restrict: 'E',
            templateUrl: '/views/isTrue.html'
        }
    } else {
        return {
            restrict: 'E',
            templateUrl: '/views/isFalse.html'
        }
    }
}]);

I did not find a decent way yet to do it better. Does anyone have a better solution?

I think this can be answered via this popular question - stackoverflow.com/questions/21835471/… There's two good approaches in that. — sifriday
– sifriday, Commented Sep 28, 2016 at 11:19

charlietfl · Accepted Answer · 2016-09-28 11:35:39Z

2

templateUrl can be a function where you return the url string

app.directive('myPanel', ['myService',function(myService) {
    return {
      restrict: 'E',
      templateUrl: function() {
        return myService.isThisTrue() ? '/views/isTrue.html' : '/views/isFalse.html';
      }
    }
  }
])

answered Sep 28, 2016 at 11:35

charlietfl

172k14 gold badges125 silver badges154 bronze badges

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

Collectives™ on Stack Overflow

AngularJS - switching templateUrl in directive

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related