如何在angularjs中动态更改模板

时间:2015-01-31 11:03:43

标签: javascript angularjs angularjs-directive

例如,我有10个预览模板..请参阅以下示例,其中用户来到并输入他/她的详细信息并可以看到实时预览。

http://plnkr.co/edit/KNNLPF2Inr3IW2GaRI86?p=preview

// Code goes here
var app = angular.module("myApp", []);

他/她可以通过从选择框中的可用模板中选择模板名称来更改模板。

据我所知,这可以使用angularjs自定义指令来实现。但我不知道如何实现这一目标。

如何实现这一目标?

1 个答案:

答案 0 :(得分:3)

以下是解决方案:Plunker

  • 使用<ng-include src="view"> </ng-include>您可以添加模板。
  • 当更改选择控件上的数据时,您可以更改视图变量$scope.view = "x.y.z";,也可以将ng-include的变量与data-ng-model绑定。