angularjs – 从Angular 2组件中的CDN加载css

正如标题所说,我想在Angular 2组件中包含外部css.以下是我现在的表现：

import { Component,OnInit } from '@angular/core';

@Component({
    selector: 'app-auth',templateUrl: './auth.component.html',styleUrls: [
        'https://fonts.googleapis.com/css?family=Dosis:400,500,600,700','http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css','./assets/css/bootstrap.min.css','./assets/css/main.css','./assets/css/responsive.css','./auth.component.css',],})
export class AuthComponent implements OnInit {

    constructor() { }

    ngOnInit() {
    }

}

前两个网址不起作用.我收到一个错误：

ncaught错误：找不到模块“./https://fonts.googleapis.com/css?family=Dosis:400,700”

我可以通过将其直接包含在HTML中来使其工作,但我认为这不是正确的方法.

编辑：我甚至尝试使用封装：ViewEncapsulation.None,这没有帮助.

解决方法

您应该只在styleUrls数组中加载本地样式.因此,在auth.component.css中,导入所需的外部样式表：

@import "https://fonts.googleapis.com/css?family=Dosis:400,700";
@import "http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css";