我的项目中有以下指令：
app.directive('eventSessionsList', function() {
return {
restrict: 'AEC',
scope: {
input: '=data'
},
templateUrl: 'directives/event-sessions-list.html'
};
});
模板如下所示：
<ul class="event-sessions-list">
<li ng-repeat="session in input.eventSessions">
<span class="date">{{ session.date }}</span>
<p class="info">
{{ session.length }} hr session @ {{ session.venue }}</p>
</li>
</ul>
当我尝试加载页面时，它崩溃了，没有错误（在Safari和Chrome中都经过测试）。
该错误很简单，但为避免这种情况，这是我做错了：UL元素上我的CSS类的名称与我的指令的名称相同（角表示连字符和驼峰大小写）。这意味着angular将CSS类解释为对实例指令的调用。这创建了一个无限的嵌套循环。
为了解决此问题，我将类的名称从“ event-sessions-list”更改为“ sessions-list”。
希望这可以节省您的头发撕裂！
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句