Angular2 template field issue

Question

I am getting spacing issue with the template field in Angular2

This is my code.

@Component({
    selector: 'my-component',
    template: ' <h1 class="test">
                   Angular 2 Template    
                </h1>',
    styleUrls: ['./assets/style.css']
})

This does not work

@Component({
    selector: 'my-component',
    template: ' <h1 class="test">Angular 2 Template</h1>',
    styleUrls: ['./assets/style.css']
})

This works

score 1 · Accepted Answer · answered Oct 08 '16 at 11:17

That's because you should use the ES6 backtick "`" for template literals:

Component({
        selector: 'my-component',
        template: ` <h1 class="test">
                       Angular 2 Template    
                    </h1>`,
        styleUrls: ['./assets/style.css']
    })

Angular2 template field issue

1 Answers1