javascript - 无法在 ng-repeat 中动态 ng-include angular 模板

标签 javascript templates angularjs

我正在尝试使用以下代码动态包含模板。在您进入 ng-repeat 范围之前,一切似乎都运行良好。我正在使用 angular1.2RC1。

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

angular.module('myApp', []).
controller('myCtrl', function($scope) {
  $scope.templateName = 'template1.html';

  $scope.templateConfig = [
    {
      templateName : 'template2.html'
    },
    {
      templateName : 'template3.html'
    }
  ];
});

<body ng-controller="myCtrl">
  <div ng-include src="templateName"></div>

  <div ng-repeat="template in templateConfig">
    <div ng-include src="template.templateName"></div>
  </div>

</body>

最佳答案

替换

<script data-require="angular.js@1.2.0-rc1" data-semver="1.2.0-rc1" src="http://code.angularjs.org/1.2.0rc1/angular.js"></script>

<script src="http://code.angularjs.org/1.2.0-rc.2/angular.js"></script>

新的工作 plunker 已经上线 http://plnkr.co/edit/vDWk9h7R4VAGkkUTHRf0

关于javascript - 无法在 ng-repeat 中动态 ng-include angular 模板,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18596903/

相关文章:

javascript - 如何通过 JavaScript 检查查询字符串值是否存在?

c++ - 声明继承的模板化对象并将它们推回 vector - 优雅的方式?

C++ 模板运算符重载不同类型,自动返回类型

angularjs - 无法通过Recaptcha获取图像验证

javascript - 未注入(inject)模拟服务,但正在注入(inject)实际服务

angularjs - 使输入反写

javascript - 当悬停的元素被另一个元素覆盖时,不会触发 mouseout

javascript - 如何使用 UTF-8 编码正确转义 XML 中的国际字符?

javascript - Axios Post 方法实现自定义 header 和 token 值

c++ - 当唯一的区别是参数的常量性时,是否可以将两个模板函数写成一个?