小编Mah*_*sha的帖子

我想创建一个简单的Angular2应用程序TypeScript.看起来很简单,但我无法实现我想要的目标.

我想在模板中显示属性值.我想使用setTimeout在1秒后更新相同的内容.

Plunkr代码是在这里:代码上Plunkr

我写的是这里:

import {Component} from 'angular2/core';

interface Hero {
  id: number;
  name: string;
}

@Component({
  selector: 'my-app',
  template:`<h1>Number Increment</h1><p>{{n}}</p>`
})
export class AppComponent {
  public n : number = 1;
  setTimeout(function() {
    n = n + 10;
  }, 1000);
}    

当我使用此代码时,我收到以下错误:

Uncaught SyntaxError: Unexpected token ;

为什么我无法访问n,这与我们以前在JavaScript中的操作范围相同.如果我没有错,我们也可以在TypeScript中使用纯JavaScript.

我甚至试过了

export class AppComponent {
  public n : number = 1;
  console.log(n);
}

但我无法n在控制台中看到它的价值.

当我尝试

export class AppComponent {
  public n : …