角度2のコンポーネントの中のcdnのスタイルシートを使用する

Question

角度コンポーネント内のcdnからスタイルシートを使いたいと思う。スタイルは、そのコンポーネント内にのみカプセル化する必要があります。つまり、サポートしていないネイティブカプセル化モードは使用できません。

提案がありますか？

Answer 1

あなたのコンポーネントテンプレートでそれを行うには良い方法はないと思います。私は外部の事のほとんどとしてngAfterViewInitオプションを探検すると言うでしょうし、アンギュラテンプレートがコンパイルされると、そのコンポーネントのlyfeサイクルに置かれます。あなたは、角度CLIを使用している場合

@Component({selector: 'my-cmp', template: `...`}) 
class MyComponent implements AfterViewInit { 
    ngAfterViewInit() { 
    // executes after the view is loaded 
    } 
} 

あなたのCLIファイルでそれらを設定することができますが、私はあなたの資産パスにそれをダウンロードして、パスを指定する必要があると思います。私はcliがcdnの道を取るとは思わない。

//part of cli configuration 
    "prefix": "sd", 
    "styles": [ 
    "../node_modules/bootstrap/scss/bootstrap.scss", 
    "../node_modules/font-awesome/scss/font-awesome.scss", 
    "../node_modules/primeng/resources/primeng.min.css", 
    "../node_modules/primeng/resources/themes/omega/theme.css", 
    "../node_modules/codemirror/lib/codemirror.css", 
    "styles.scss" 
    ],