javascript - 如何在angularjs中动态更改模板

标签 javascript angularjs angularjs-directive

例如,我有 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/

相关文章:

javascript - Jquery UI 中可排序元素之间的不可排序元素

javascript - 错误 : Unknown provider: translateFilterProvider <- translateFilter angularjs

Angular js : accessing service methods from directive's link function

javascript - 使用 onMouseOver 插入时如何提供 .gif 高度和宽度

javascript - 加载外部js文件后在脚本元素中执行代码

javascript - Webpack 构建时不包含对等依赖项

javascript - 未捕获的类型错误 : Cannot set property offsetWidth of#<HTMLElement> which has only a getter

AngularJS:指令不适用于 templateUrl

javascript - Angular以编程方式添加没有属性的ngChange

javascript - 通过追加方法调用 Angular Directive(指令)