Как говорится в заголовке, я хочу включить внешний css в компонент Angular 2. Вот как я это делаю сейчас:Загрузка css из CDN в угловом компоненте 2
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() {
}
}
Первые два URL-адреса не работают. Я получаю сообщение об ошибке:
ncaught Error: Cannot find module "./https://fonts.googleapis.com/css?family=Dosis:400,500,600,700"
я могу заставить его работать, включив его прямо в HTML, но я не думаю, что это правильный способ сделать это.
Редактировать: Я даже пытался использовать encapsulation: ViewEncapsulation.None,
, что не помогло.
Спасибо, что сработал для меня. – vanval