0

ビューがレンダリングされるたびにコードを実行したいと思います。私が得ることができる最も近いのは、変更される可能性のあるすべてのプロパティをリッスンし、実行ループで何かを明示的にスケジュールすることですafterRenderが、afterRender. レンダリングに影響を与える可能性があるものに基づいて、プロパティのリストを最新の状態に保つ必要があるため、プロパティのアプローチは脆弱になります。

コントローラ：

App.IndexController = Ember.Controller.extend({
  count: 0,
  actions: {
    add: function() {
      var count = this.get('count');
      count += 1;
      this.set('count', count);
    }
  }
});

意見：

App.IndexView = Ember.View.extend({
  changed: function() {
    Ember.run.scheduleOnce('afterRender', this.after);
  }.observes('controller.count'),
  after: function() {
    console.log('after render', this.$('span').text());
  }
});

テンプレート：

<button {{action "add"}}>add</button> <span>{{count}}</span>

http://emberjs.jsbin.com/wujogejeso/3/edit?html,css,js,output

4

1 に答える 1

0

コードをスケジュールするには、関数の代わりにライフサイクル フックをafterRender使用できます。didInsertElementchanged

App.IndexView = Ember.View.extend({
  didInsertElement: function() {
    Ember.run.scheduleOnce('afterRender', this.after);
  },
  after: function() {
    console.log('after render', this.$('span').text());
  }
});
于 2015-01-28T02:27:52.887 に答える