Angular2模板字段问题

Question

我在Angular2

中遇到模板字段的间距问题

这是我的代码。

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

这不起作用

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

这有效

Answer 1

那是因为你应该使用ES6反击＆＃34;`＆＃34;对于template literals：

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