角度2 - JQueryとSelect2の指示

Question

私は@Componentに<select class='select'>のものがあります。

私はSelect2という名前のサードパーティ製のライブラリを使用してすべての選択をスタイルするテンプレートに従っています。 HTML + jQueryの+ Selectセレクトコードは次のとおりです。

$(document).ready(function() { 
    $('.select').select2(); 
}); 

これを行うためのディレクティブを作成するには良いでしょう場合、私は思っていたので、私が試した：

import {Directive, ElementRef} from '@angular/core'; 

@Directive({ 
    selector: '[simple-dropdown]' 
}) 
export class SimpleDropdownDirective { 

    constructor(el: ElementRef) { 
    $(el.nativeElement).select2(); 
    } 

} 

しかし、私は取得していますエラーはselect2()メソッドで発生します。サードパーティ製のライブラリであるため、jQueryで行ったようにインストールすることはできません。

あなたは何をお勧めしますか？

Answer 1

Select2はjQueryに依存するため、これはそのままでは機能しません。

jQueryを使用して要素を選択すると、ネイティブ要素は取得されず、jQuery拡張要素が取得されます。 Select2をAngular 2に移植するか、querySelectorAllなどのネイティブブラウザAPIを使用できるようにするオプションがあります。 （作成者に機能要求を出そうとすることもできますが、Select2はjQueryに依存しているので、実装することはできません）。