在外部jQuery插件中动态添加Ember组件

Question

我正在使用一些外部jQuery插件来创建一些模态（dateRangePicker）。在此之后，我想在新创建的模态（一些表单元素）中动态添加一个组件。这甚至可能吗？例如，在Angular中我会使用$compile('<div my-directive></div>') ...

Answer 1

使用Ember组件构建模态并使其与插件接口将更容易。

有些事情：

import Plugin from '';

App.FoobarComponent = Ember.Component.extend({
  classNames: ['jquery-modal'], // or whatever needed

  didInsertElement: function() {
    Ember.$... // initialize plugin
  },

  actions: {
    someUserInteraction: function() {
      Plugin.someFunction();
    }
  }
});