<div ng-repeat="item in items"> <div ng-include src="'views/template.html'"></div> </div>
例如,如果我的ng-repeat包含10个项目,那么渲染的第一个项目将只是空模板.项目2-10将按原样呈现.我究竟做错了什么?
<div ng-repeat="item in items"> <div ng-include src="'views/template.html'"></div> </div>
例如,如果我的ng-repeat包含10个项目,那么渲染的第一个项目将只是空模板.项目2-10将按原样呈现.我究竟做错了什么?
您的问题的一个可能的解决方案是简单地不显示ng-repeat的第一个索引:
<div ng-repeat="item in items" ng-show="!$first"> <div ng-include src="'views/template.html'"></div> </div>
这可能不会解决您的问题的根源,但它仍然可能使您的应用程序更像您期望的工作.
另一个可能的解决方案:
<div ng-repeat="item in items" ng-include="'views/template.html'"></div>
见这里的例子:
http://plnkr.co/edit/Yvd73HiFS8dXvpvpEeFu?p=preview
一个可能的修复只是为了很好的措施:
使用组件:
HTML:
<div ng-repeat="item in items"> <my-include></my-include> </div>
JS:
angular.module("app").directive("myInclude",function() { return { restrict: "E",templateUrl: "/views/template.html" } })