How to conditionally apply a template via custom Angular directives?

Question

DEMO

Consider the following directive:

angular.module(\'MyApp\').directive(\'maybeLink\', function() {
  return {
    replace: true,
    s         


        

Answer 1

I think this is the cleanest way to inject a dynamic template based on a scope property

angular.module('app')
.directive('dynamic-template', function () {
  return {
    template:'',
    restrict: 'E',
    link: function postLink(scope) {
      scope.template = 'views/dynamic-'+scope.type+'.html';
    }
  };
})