javascript - Angular Directive(指令)范围值

Question

  <tab page="book"> </tab>
  <tab page="dial"> </tab>
  <tab page="groupe"> </tab>
  <tab page="log"> </tab>
  <tab page="star"> </tab>

正如你所看到的，我有一个名为tab的指令，并且这个tab有一个属性page，

我需要根据page属性的值更改templateUrl

if the page value is page="abc" then the templateUrl should be templateUrl: 'tab/abc.html',

这是我的指令代码

contactBook.directive('tab', function() {
    let m = 'tab/default.html';
    return {
        restrict: 'E',
        scope: {
            page: '@',
        },
        templateUrl: m,
        link: function(scope, element, attributes) {
            m = "tab/" + scope.page + ".html";      
        },
    };
});

这在逻辑上可能吗..？或任何替代方法来完成此操作..？

Answer 1

templateUrl: function(elem,attrs) {
    return "tab/" + attrs.page + ".html" || 'tab/default.html';
},