ember-cli import datatables

Question

Я хочу использовать Ember-cli witch import jquery-dataTables.

В Brocfile.js, импортировать файлы, как это:

app.import('bower_components/jquery/dist/jquery.min.js'); 
app.import('bower_components/datatables/media/js/jquery.dataTables.js'); 
app.import('bower_components/bootstrap/dist/js/bootstrap.min.js'); 

И я генерировать компонент данных-обертку, в data-wrapper.js, как следующие:

import Ember from 'ember'; 

export default Ember.Component.extend({ 
    tagName: 'table', 
    classNames: ['table','table-striped','table-bordered','dataTable'], 
    _didInsertElement: function() { 

    var $ = Ember.$; 
    $().dataTable ({ 

    }); 
    }.on('didInsertElement') 
}); 

В data-wrapper.hbs, как следующие:

{{yield}} 

и по адресу application.hbs, как этот

{{#data-wrapper}} 
    <thead>...</thead> 
    <tbody>...</tbody> 
{{/data-wrapper}} 

, но, когда я запускаю проект, то Javascript контроллер показывает неправильный uncaught TypeError: undefined is not a function на линии

$().dataTable ({ 
}) 

Answer 1

Если вы пытаетесь вызвать функцию на Jquery элемента компонентов используют $ метод.

как:.

_didInsertElement: function() { 
    this.$().dataTable(); 
}.on('didInsertElement') 

http://emberjs.com/api/classes/Ember.View.html#method__