在 Ember JS 中使用模型作为视图元素类名

【问题标题】：Use Model as View Element Class Name in Ember JS在 Ember JS 中使用模型作为视图元素类名
【发布时间】：2013-12-08 16:59:18
【问题描述】：

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

【问题讨论】：

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

【解决方案1】：

可能需要一个 jsfiddle 才能完全理解您要完成的工作，但一般来说，控制器就是这样做的地方。正如 Ember 指南所说：

“控制器允许你用显示逻辑装饰你的模型。”

关键是将控制器的内容属性设置为活动模型。然后您将在控制器上拥有一个计算属性：

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

从那里您可以通过 {{view YourViewName classBinding=importance}} 使用 classBinding

【讨论】：