在组件中使用ng-repeat的ng-class,数据不具有约束力

时间:2016-09-05 15:32:11

标签: javascript angularjs ng-repeat

我实际上有这个转发器(Angular 1.5,而不是2):

<article ng-repeat='item in $ctrl.items' ng-class="{ 'content_large' : item.large_size }" >

    <div>{{item.something}}</div>

</article>

ng-class无效(未应用任何课程)。

item.large_sizeboolean(无字符串)。

此循环位于视图中的自定义组件中。一些数据(项)从视图绑定到组件(其工作正常)。我使用$ctrl.items获取组件中的数据。儿童的数据绑定(item.something)工作正常,如果我将ng-class移到孩子身上,他也会工作。

我看到当数据不是来自父级时,ng-class应该可以工作。所以我认为这是因为它是一个自定义组件。数据绑定的方式是做某事。

以下是制作的HTML:

<!-- ngRepeat: item in $ctrl.items -->
<article ng-repeat='item in $ctrl.items' ng-class="{ 'content_large' : item.large_size }">
    <div>Something</div>
</article>
<!-- end ngRepeat: item in $ctrl.items -->
<article ng-repeat='item in $ctrl.items' ng-class="{ 'content_large' : item.large_size }">
    <div>Something</div>
</article>
<!-- end ngRepeat: item in $ctrl.items -->

所以,没有增加课程:(

解决方案是什么? 感谢。

0 个答案:

没有答案