ngClass对象语法,其中计算类名

时间:2014-10-15 18:31:19

标签: angularjs

我有一些来自JSON文件的文本,如下所示:

[
    {'text':'First text here', 'transition':'FadeIn', 'delay':1},
    {'text':'Second text here', 'transition':'FadeIn', 'delay':2}
]

这些文本块应该使用延迟属性指定的延迟和使用transition属性指定的转换进行动画处理。我正在使用ngRepeat。最初我只是在ngRepeat上使用了输入/离开等,但是这个文本是底部对齐的。当第二个块进来时,它将第一个块向上推,这是不理想的。

我想要的是:

<li ng-repeat="block in currentPage.textBlocks" ng-class="{block.transition:true, active:eventIndex>=$index}">block.text</li>

请注意,我已经让模型正常工作,如果我用&#39; FadeIn&#39;替换block.transition,它就可以了。不过,在解决跳跃文本的视觉问题时,我真的希望能够通过代码指定转换。

1 个答案:

答案 0 :(得分:0)

好的,我可以看到互联网正在吵着要回答这个,但是imma会阻止你。

对我有用的是class =&#34; {{block.transition}}&#34;纳克级=&#34; {活性:eventIndex&GT; = $索引}&#34;