将类添加到 ember 链接到答案

【问题标题】：Add class to ember link-to将类添加到 ember 链接到
【发布时间】：2013-01-11 06:04:14
【问题描述】：

我尝试建立一个指向嵌套路由的链接，并希望向该链接添加一个类（用于 twitter 引导程序）

结果应该是这样的：

< a href="/#/rents/42" class="btn btn-primary btn-small">do something< /a>

第一次尝试：

{{#link-to "rent" rent}}

给我一个资源链接，但我不能指定一个（css）类。在文档中我看到只能指定标题属性

第二次尝试：

< a href="/#/rents/{{rend.id}}" class="btn btn-primary btn-small">do something< /a>

也是个坏主意，因为 Ember 会在 href 中添加它的辅助标签 [用于自动更新]。

那我该怎么办？

【问题讨论】：

标签： ember.js

【解决方案1】：

用途：

{{#link-to 'rent' rent class='btn btn-primary btn-small'}}Go to rent{{/link-to}}

因为link-to 是一个视图助手。

【讨论】：

太棒了！我不知道我可以向助手添加视图属性。
这在 ember 版本 1.13.7 中不再起作用，因为它无法添加 ember-view 类，否则它将只是一个普通链接并重新加载页面。仅使用以下 Connors 答案中提出的 class="btn btn-primary etc" 即可按预期工作。
感谢您的提醒

【解决方案2】：

如果你想从变量中手动构造一些东西 - 在 ember.js 中有 {{unbound}} 助手。

在你的情况下，代码将如下所示：

<a href="/#/rents/{{unbound rend.id}}" class="btn btn-primary btn-small">
   do something
</a>

【讨论】：

【解决方案3】：

你可以在{{#linkTo}} helpers 中添加类就好了，你只需要记住不要混淆 ember。

Ember 可能认为您的课程是 params 中的 routeName，我在 params 和 routeName 之后都包含该课程，并且效果很好。

{{#linkTo 'dashboard.screenshots' value.model class='thumbnail'}}
   ........
{{/linkTo}}

生产

<a id="ember507" class="ember-view thumbnail" href="#/project-2/member-1/task-2/screenshot-30">
   .........
</a>

【讨论】：