1

部分的に構築されたUIを最新のEmber.jsrc1にアップグレードしようとしていますが、APIが大幅に変更されたおかげで、非常に大きな書き換えジョブになりました。そこにある(そしてここにある)ほとんどの情報は役に立たなくなっています。部分的に機能させるために、ドキュメントを何度か読み直す必要がありましたが、多くの問題があります。ここに大きな問題があります。ビューは、以前のバージョンのように更新されません。再レンダリング、{{outlet}}、または私が気付いていない何かに関係しているに違いない何かが欠けています。残り火ガイドは更新が必要なようです。

テンプレートは非常に単純です。

<script type="text/x-handlebars" data-template-name="index">
  <button {{action "addOne"}}>add one</button>
  <ul>
  {{#each item in controller}}
    <li>{{item.title}}</li>
  {{/each}}
  </ul>
</script>

クリックすると、ボタンはバックアップされた配列に新しい要素を追加します。コンソールログには、アレイが大きくなっていることが示されていますが、テンプレートは変更されていません。これが私がどこまで到達したかを説明するためのjsfiddleです。誰かが何を追加する必要があるかを理解できますか?

4

1 に答える 1

4

Emberで配列を使用する場合、Ember配列を使用している場合(Ember.A()またはEm.A()この事実を明示したい場合)を強調するために、例を変更しました。私の理解では、メソッドを使用し、Ember.Objectのgetterメソッドとsetterメソッド(つまり&)を使用して基本的な機能を実現Em.A().addObjectできます。Em.A().removeObject.get().set()

Emberアプリケーションで適切に監視するには、Emberゲッターとセッターを使用することが重要です。

あなたのフィドルの修正版。

于 2013-02-27T06:32:43.830 に答える