javascript - 使用ng-click更改指令模板

我在控制器中有几个带有ng-click的按钮，并且我想在单击按钮时更改指令模板。实现此目标的最佳方法是什么？ （我稍后将在元素上使用幻灯片）

最佳答案

指示：

myModule.directive('foo', function() {
    return {
        scope: {
            templateType: '@'
        },
        template: '<div ng-if="templateType == \'a\'">' +
            '    this is template A ' +
            '</div>' +
            '<div ng-if="templateType == \'b\'">' +
            '    this is template B ' +
            '</div>'
    };
});

模板：

<foo template-type="{{ templateType }}"></foo>
<a ng-click="templateType = 'b'" href="">Set template to b</a>

控制器：

$scope.templateType = 'a';

关于javascript - 使用ng-click更改指令模板，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/30140042/