添加类到ember link-to

时间:2013-01-27 22:10:34

标签: ember.js

我尝试构建一个嵌套路由的链接,并希望在此链接中添加一个类(用于twitter bootstrap)

结果应该是这样的:

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

首先尝试:

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

给了我一个指向ressource的链接,但是我不能指定一个(css)类。在文档中,我看到只能指定title属性

第二次尝试:

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

也是一个坏主意,因为Ember会在href中添加其辅助标记[用于自动更新]。

那我该怎么办?

3 个答案:

答案 0 :(得分:108)

使用:

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

由于link-to是视图助手。

答案 1 :(得分:10)

你可以在{{#linkTo}}助手中添加好的课程,你只需要记住不要混淆ember。

Ember可能会认为您的课程是routeName的{​​{1}},我在paramsparams之后加入了该课程,并且工作正常。

routeName

制作

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

答案 2 :(得分:1)

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

在你看来,代码如下:

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