Question

这是我的代码：

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

@Component({
  selector: 'my-app',
  template: `
      <h1>{{title}}</h1>
      <h2>{{secondTitle}}</h2>
      <main-page></main-page>
     `
})

export class AppComponent {
  title = 'Lovely Jubbly';
  secondTitle: 'Bummer...'
}

标题＆＃39;可爱的Jubbly＆＃39;出现在我的网站上，但是第二标题＆＃39; Bummer ......＆＃39;没有表现出来。唯一不同的是我如何初始化这些变量。我是TypeScript和Angular2 noob所以这可能是一个明显的错误。任何人都可以指导我一些可以解释这种行为的文档吗？

Answer 1

TypeScript将Bummer...解释为类型（例如，只能是"Bummer..."的字符串）。当它变为JavaScript时，它仍将被初始化为null。

如果您想知道，这些类型对某些类似枚举的变量很有用。例如：

var trafficLightState:'RED' | 'GREEN' | 'YELLOW' = 'RED';
trafficLightState = 'Melon'; // ERROR!

为什么我的页面中没有显示Angular2 Component属性？

1 个答案: