web-dev-qa-db-ja.com

クラスをember link-toに追加

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

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

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

初挑戦:

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

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

2回目の試行:

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

Emberは、hrefにヘルパータグ[自動更新用]を追加します。

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

54
user2016429

使用する:

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

なので link-toはビューヘルパーです。

108
sly7_7

{{#linkTo}}ヘルパーでクラスをうまく追加できます。残り火を混同しないように注意する必要があります。

EmberはあなたのクラスがrouteNameparamsであると考えるかもしれません。私は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>
10
iConnor

変数から何かを手動で構築する場合-{{unbound}} ember.jsのヘルパー。

Yorの場合、コードは次のようになります。

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