1

アクション ヘルパーを支持する Ember.Button ビュー (最近の Ember トランク バージョンを使用) の廃止に伴い、アクション ヘルパーの親 HTML 要素 (その要素がボタンであるかどうか) の静的/不変の CSS スタイルを設定する方法はありますか? 、リンクなど) それらの静的な CSS スタイルがボンク/上書きされることなく? あれは、

  • 古い Ember.Button と #view では、class (静的 CSS スタイルの場合) と classBinding (動的 CSS スタイルの場合) の両方を渡すことができ、静的スタイルは動的スタイルの影響を受けません。
  • しかし、新しいアクション ヘルパーでは、classBinding が機能しないようです。bind-attr は機能しますが、bind-attr の外側でその要素に指定された CSS クラスはすべて、bind-attr class="foo" 仕様によって上書きされます。
  • したがって、アクション ヘルパーを使用して要素に静的 CSS スタイルを保持する唯一の方法は、必要な CSS 静的スタイルを指定する文字列プロパティを (関連する Ember ビュー内で) 指定することです。例 {{bind-attr class="App.TheView.isActive App.TheView.cssStyles}} これは洗練されていない/リーキーです。

提案/ヘルプを事前にありがとう!

4

3 に答える 3

8

{{bind-attr}}次のように、静的スタイルと動的スタイルの両方を に混在させることもできます。

{{bind-attr class=":staticStyle view.someProperty:dynamicStyle}}
于 2012-07-28T07:59:53.803 に答える
1

inline を使用できるようになりifました。 bind-attrは1.13 で廃止されました。

<div class={{if isUrgent 'is-urgent'}}>

新しいドキュメントはこちらです。

于 2015-11-09T13:18:59.290 に答える
1

アクションヘルパーをどのように使用していますか? HTML 要素にクラスを与えることができるはずです。

<a {{action "testIt"}} class="test">testing</a>

以下に例を示します: http://jsfiddle.net/A9VZS/

于 2012-07-27T22:25:05.513 に答える