Реализация директивы, которая включает другой html

Question

Я хочу использовать следующую директиву. <tabContent action="XYZ.html">, который отобразит меня XYZ.html, если context.view равен XYZ. Поэтому я создал следующую директиву:

.directive('tabContent',function(){ 
    return { 
     restrict: 'E', 
     template:'<div ng-if="view==\'{{action}}\'" ng-include="\'{{action}}.html\'"></div>', 
     link: function(scope, elem, attrs) { 
      scope.action = attrs.action; 
     } 
    } 
}) 

- это правильный подход?
Спасибо,
              Омер

Answer 1

Прежде всего, если имя директивы tabContent так HTML тег становится: <tab-content>

Тогда я думаю, что есть некоторые проблемы с вашим кодом, что view? Тогда он должен что-то вроде этого:

HTML:

<tab-content action="XYZ.html"></tab-content> 

JS:

.directive('tabContent',function(){ 
    return { 
     restrict: 'E', 
     template:'<div ng-include="action"></div>', 
     link: function(scope, elem, attrs) { 
      scope.action = attrs.action; 
     } 
    } 
}) 

Я удалил ng-if, потому что я не знаю, что view есть.