例如,我有 10 个用于预览的模板。请参阅以下示例,其中用户输入他/她的详细信息并可以看到实时预览。
http://plnkr.co/edit/KNNLPF2Inr3IW2GaRI86?p=preview
// Code goes here
var app = angular.module("myApp", []);
他/她还可以通过从选择框中的可用模板中选择模板名称来更改模板。
据我所知,这可以使用 angularjs 自定义指令来实现。但我不知道如何实现这一点。
如何实现这一目标?
最佳答案
解决方案如下:Plunker .
- 使用
<ng-include src="view"> </ng-include>
您可以包含一个模板。 - 当选择控件上的数据发生更改时,可以更改 View 变量
$scope.view = "x.y.z";
或者您可以绑定(bind)ng-include
的变量与data-ng-model
.
关于javascript - 如何在angularjs中动态更改模板,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28250841/