typescript - Angular2 with Typescript 带有局部变量的简单示例

标签 typescript angular

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

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

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

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

EXCEPTION: TypeError: rec[(rec.length - 1)] is undefined

如果我这样做,即使 foo 方法存在与否,它也会起作用:

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

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

最佳答案

看起来像the docs已更新:

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

... an Event Binding requires a template expression to evaluate when the event fires. Many things qualify as expressions, none simpler than a one-character literal like the number zero. That's all it takes to keep Angular happy.

关于typescript - Angular2 with Typescript 带有局部变量的简单示例,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33021557/

相关文章:

javascript - 在遍历数组时从数组中切片元素的 typescript 方法

javascript - Ngrx/store - 使用类的 Action 创建者与使用工厂功能的 Action 创建者?

angular - 如何从 Angular 6 中的 MatTableDataSource 中获取过滤后的记录

angular - 如何在 Angular Testing 中向特定测试用例注入(inject)另一个服务

javascript - 调用 this.$scope.$digest(); 的影响

TypeScript 编译器 API : find which file a type came from

javascript - 理解带有未捕获 promise 的消息

javascript - 配置 ESLint 以将 .ts 和 .tsx 解析为 Typescript,将 .js 和 .jsx 解析为 Ecmascript

javascript - 使用 typescript 点击删除 Canvas 元素

javascript - 如何向 mousemove 事件添加一些缓冲区,以便它不会中断 mouseup 事件