7

まだ実際にアプリを作成したことはありませんが、bind-attr に関するドキュメントに戸惑っています。次のようなことができると言われています：

App.LogoView = Ember.View.extend({
  logoUrl: 'http://www.mycorp.com/images/logo.png'
});

テンプレートを使用する場合:

<div id="logo">
  <img {{bind-attr =logoUrl}} alt="Logo" />
</div>

生産するには:

<div id="logo">
  <img src="http://www.mycorp.com/images/logo.png" alt="Logo" />
</div>

同様に：

App.AlertView = Ember.View.extend({
  priority: "p4",
  isUrgent: true
});

テンプレートを使用する場合:

<div {{bind-attr =priority}}>
  Warning!
</div>

生産するには:

<div class="p4">
  Warning!
</div>

srcEmber はそれが最初の例の属性であり、2 番目の例の属性であることをどのように認識しclassますか? ここで何かが欠けていない限り、これは本当に可能ではないようです。

4

1 に答える 1

14

ドキュメントが間違っているようです。ドキュメントに記載されているコードを実行すると、次のエラーが発生します。

Uncaught Error: Parse error on line 4:
...    <img {{bind-attr =logoUrl}} alt="Lo
-----------------------^
Expecting 'CLOSE', 'STRING', 'INTEGER', 'BOOLEAN', 'ID', 'SEP'

期待どおりにコードを実行すると、問題なく動作します。問題の属性を指定する必要があります。

<div id="logo">
    <img {{bind-attr src=logoUrl}} alt="Logo">
</div>

以下に実際の例を示します (属性名を削除し、コンソールでエラーを探します)。

于 2012-06-14T08:06:29.717 に答える