ember.js - リンク先の ember にクラスを追加する

Question

ネストされたルートへのリンクを構築しようとしており、このリンクにクラスを追加したい (Twitter ブートストラップ用)

結果は次のようになります。

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

初挑戦：

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

リソースへのリンクが表示されますが、(css) クラスを指定できません。ドキュメントでは、タイトル属性のみを指定できることがわかります

2 回目の試行:

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

Ember は [自動更新用の] ヘルパータグを href に追加するため、これも悪い考えです。

それで、なにかお手伝いできますか？

score 110 · Accepted Answer

使用する：

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

link-toビューヘルパーと同様です。

score 10 · Accepted Answer

ヘルパーで問題なくクラスを追加できますが{{#linkTo}}、ember を混同しないように覚えておく必要があります。

Ember は、あなたのクラスがのrouteNameであると考えるかもしれません。私は両方のparams後にクラスを含め、それは正常に動作します。paramsrouteName

{{#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>

3 に答える 3