AppComponent中的属性返回空值Angular 2

时间:2016-09-21 14:52:35

标签: angular

我正在尝试角色2官方网站上的英雄教程:

https://angular.io/docs/ts/latest/tutorial/toh-pt1.html

但是我无法检索AppComponent的值,它总是返回一个空值。

这里是app.component.ts的代码

import { Component } from '@angular/core';
@Component({
  selector: 'my-app',
  template: '<h1>Titulo: {{titulo}}</h1>'
})
export class AppComponent { 
    titulo: 'Tour de heroes';
}

当我保存更改并刷新页面时,我只得到:Titulo:

1 个答案:

答案 0 :(得分:2)

应该是titulo = 'Tour de heroes',而不是titulo: 'Tour de heroes'

:用于将类型赋给变量,=用于为变量赋值。例如:

titulo: string = 'Tour de heroes'

上面的代码声明了titulo类型的变量string,并为其指定了值Tour de heroes