我想使用TypeScript创建一个简单的Angular2应用程序.似乎很简单,但我无法实现我想要的.
我想在模板中显示属性值.而且我想使用setTimeout更新1秒后.
Plunkr Code在这里:Code on 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 : number = 1; console.log(this); }
我得到与上述相同的错误.为什么我们不能在这个地方访问这个.我猜,这是指JavaScript中的当前上下文.
提前致谢.