角度指令不同模板

Question

我有一个带有变量类型的指令myDirective。如果我运行，<my-directive type="X">我希望指令使用templateUrl：x-template.html。如果我<my-directive type="Y">愿意，指令可以使用templateUrl：y-template.html。

这是我目前的指令。

app.directive('myDirective', function() {
    var myDirective = {
        templateUrl: 'X-template.html',
        restrict: 'E',
        scope: {
            type: '=' 
        },
    };
    return myDirective;
});

我通过stackoverflow和angular文档阅读，但是没有找到我需要的任何东西。

我现在正在尝试按照以下方式进行操作：

if ($scope.type === 'X') {
    templateUrl: 'X-template.html',
}
else if ($scope.type === 'Y') {
    templateUrl: 'Y-template.html',
}

但是不知道在哪里做。

你们知道这是否可行吗？

Answer 1

您可以使用inside 解决此问题：ng- include``compile

app.directive('myDirective', function() {
    return {
        restrict: 'E',
        compile: function(element, attrs) {
            element.append('<div ng-include="\'' + attrs.type + '-template.html\'"></div>');
        }
    }
});

小提琴