外部CSSとjavascriptファイルをAngular 4にインポート

Question

私はang 4アプリで使用したいjavascriptファイルとcssファイルを持っています。

私はこのようなangular-cli.jsonファイルでそれらをインポートしてみました：

"styles": [ 
    "../../../bootstrap-combobox/js/bootstrap-combobox.min.css", 
    "./styles.scss" 
    ], 
    "scripts": [ 
    "../../../bootstrap-combobox/js/bootstrap-combobox.min.js" 
    ], 

しかし、動作するようには思えません。ファイルのパスが正しいことを確認しました。また

この作品を作るために、私は関数にHTML要素を割り当てるためのjQueryを使用する必要があるので、私はそれをこのように行った：ここ

import { Component, OnInit, ViewEncapsulation } from '@angular/core'; 
import * as jQuery from '../../../node_modules/jquery' 

@Component({ 
    selector: 'app-billgenerator', 
    templateUrl: './billgenerator.component.html' 
}) 
export class BillgeneratorComponent implements OnInit { 
    constructor() { } 
    ngOnInit() {} 

    ngAfterViewInit() { 
    jQuery(document).ready(function() { 
    jQuery(".chosen").combobox(); 
    }); 
    } 
} 

は、私はそれを適用することを、html要素でありますon：

<select class="chosen"> 
    <option value="1">Option 1</option> 
    <option value="2">Option 2</option> 
    <option value="3">Option 3</option> 
</select> 

私は間違っていますか？ 私は最近Angularを学び始めたので、それについて詳しくは分かりません。

Answer 1

NPM

npm install --save jquery 
npm install -D @types/jquery 

アドオンでのjQueryをインストールします。

"scripts": [ 
"../node_modules/jquery/dist/jquery.min.js", 
], 

この

import * as $ from 'jquery'; 

のようにそれをインポートしていること、それを使用whay：

ngAfterViewInit() { 
    $(document).ready(function() { 
    $(".chosen").combobox(); 
}); 

jQueryが正しく統合されている場合は、jsファイルをインポートできます