网站搜索

angular - 使用 Typescript 的 Angular2 带本地变量的简单示例


我正在尝试用 Angular2 构建一个小应用。我想使用局部变量,就像这里解释的那样:

https://angular.io/docs/ts/latest/guide/user-input.html

<input #myname (keyup)>
<p>{{myname.value}}</p>

但是它没有按预期工作。如果我在聚焦的输入字段上按下一个键,p 标签中的文本应该会更新。但我得到的只是一个异常:

异常:TypeError:rec[(rec.length - 1)] 未定义

如果我做类似这样的事情,它会起作用,即使 foo 方法存在与否:

<input #myname (keyup)="foo()">
<p>{{myname.value}}</p>

我完全按照页面上的说明操作,并且我没有任何自定义代码。

答案#1

看起来文档已经更新了:

<input #box (keyup)="0">

... 事件绑定需要一个模板表达式在事件触发时进行求值。许多东西都可以作为表达式,没有比像数字零这样的一字符字面量更简单的了。这就是保持 Angular 高兴所需要的全部内容。