在Ember JS中使用Model作为View Element Class Name

时间:2013-11-23 21:32:44

标签: javascript css model-view-controller ember.js

在Ember模型中,我为模型分配了数字优先级;我需要将它传递给Ember视图以用作CSS类,理想情况下与字符串'importance-'连接。因此对于具有重要性5的模型,它会将类“重要性5”添加到由Ember的视图生成的div中。但我似乎找不到从我的Ember视图中访问该模型数据的简单方法 - 我在这里缺少什么?

1 个答案:

答案 0 :(得分:0)

可能需要一个jsfiddle才能完全理解你想要完成什么,但一般来说控制器就是这个地方。正如Ember指南所说:

“控制器允许您使用显示逻辑来装饰模型。”

关键是将控制器的content属性设置为活动模型。然后在控制器上有一个计算属性:

importance: function() {
    return 'importance-' + this.get('priority');
}.property('priority')

从那里你可以使用{{view YourViewName classBinding = importance}}

来使用classBinding