Angular 2 external style doesn't get inlined to header

Question

I have this component definition in typescript:

import {Component, ViewEncapsulation} from \'angular2/core\';

@Component({
    selector: \'my-app\',
    tem         


        

Answer 1

You can use systemjs and commonjs module dependencies loader, to load templates, styles and other files.

in commonjs moduleId : module.id in systemJs __moduleName

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

@Component({

moduleId:module.id,
selector: "exf-header",
templateUrl: "header.html",
styleUrls:['header.css']

})

export class HeaderComponent {

}