ember.js - didInsertElement イベントと、ブロックしない限り

Question

私はこれを試しています：

didInsertElement: function(){
    this.$('[data-hover="dropdown"]').dropdownHover();
  },

そして、{{unless}} ブロックに data-hover="dropdown" のアンカーがあります。

しかし、didInsertElement の DOM にはアンカーがありません。

これ以外のイベントはありますか？

Answer 1

これにアプローチするにはいくつかの方法があります。1 つの可能性は、unless ブロックと同じプロパティへの変更を監視するオブザーバーを追加することです。オブザーバーがトリガーすると、dropdownHover() コードが afterRender キューに追加されます。

はるかに簡単なのは、アンカー タグをカスタム ビューにして、didInsertElement フックをカスタマイズすることです。何かのようなもの：

App.DropDownLink = Ember.View.extend({
  tagName: 'a'
  didInsertElement: function(){
    this.$('[data-hover="dropdown"]').dropdownHover();
  }
})