angularjs - Angular 2 中的新换行符 typescript 代码

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 {}

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

在控制台中我得到:语法错误:未终止的字符串文字

我刚刚开始学习 Angular 2...有什么想法吗？

Answer 1

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

您有两个选择:

• 使用反斜杠转义行尾

<小时/>

var a = 'hey\
you';

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

<小时/>

var a = `hey
you`;