Question

我在页面上有两个div，外部和内部。外面的一个在页面上到处都有相同的样式，所以我想用ng-repeat重复它（实际上工作正常）。内部应该包含不同的内容，我想使用ng-include指令从不同的html模板中插入。我写的代码没有向我显示任何错误消息，但是不起作用。你能不能看看我做错了什么？感谢。

<html lang="en" ng-app="myApp">
<body ng-controller="myCtrl as ctrl">

<div id="outer" ng-repeat="tpl in ctrl.templates">
    <div id="inner" ng-include="tpl.templates">
    </div>
</div>

<script>
    var app = angular.module('myApp', [])
       .controller('myCtrl', [function() {
        var self = this;
        self.templates = [
            {template: 'template.htm'},
            {template: 'template2.htm'},
            {template: 'template3.htm'},
            {template: 'template4.htm'}
        ]
    }]);
</script>
</body>
</html>

Answer 1

我真的不知道它是否正确，但我想

中有错误

ng-include="tpl.templates"

我认为应该是：

ng-include="tpl.template"

（已删除＆＃34; s＆＃34;来自模板）

使用不同的NG-Includes重复内容 - AngularJS

1 个答案: