新的换行符Angular 2中的打字稿代码

Question

我有这个代码按预期工作;

import {Component} from 'angular2/core';

@Component({
    selector: 'media-tracker-app',
    templateUrl: 'app/app.component.html',
    styles: ['      h1 {            color: #ffffff;     }']
})

export class AppComponent {}

但是如果我添加一些新的行来使CSS更具可读性:

import {Component} from 'angular2/core';

@Component({
    selector: 'media-tracker-app',
    templateUrl: 'app/app.component.html',
    styles: ['      h1 {            
        color: #ffffff;     
    }']
})

export class AppComponent {}

...然后它破坏了我的代码.

在控制台中我得到:SyntaxError:unterminated string literal

我刚刚开始学习Angular 2 ......任何想法？

Answer 1

这与TypeScript或AngularJS完全无关:使用'和"不是多行的JavaScript字符串.

您有两种选择:

• 使用反斜杠来逃避行尾

var a = 'hey\
you';

• 使用ES6模板字符串(使用反引号):

var a = `hey
you`;