angular - Angular keyup 事件处理如何帮助更新引用变量的值

Question

我是 Angular 的新手，我在 Angular 文档中看到了这段代码：

 <input #box (keyup)="0">
    <p>{{box.value}}</p>

无论在 keyup 事件处理块中写了什么，它都应该被处理到 box.value 得到更新和下一行中的字符串插值 {{box.value}} 正常工作。我想知道这是如何工作的。

标签： angularbindinginterpolationkeyup

Answer 1

我相信这已经在文档中清楚地阐明了。

除非您绑定到一个事件，否则这根本不起作用。

只有当应用程序响应异步事件（例如击键）时，Angular 才会更新绑定（因此也会更新屏幕）。此示例代码将 keyup 事件绑定到数字 0，这是可能的最短模板语句。虽然该语句没有任何用处，但它满足了 Angular 的要求，因此 Angular 将更新屏幕。

也来自文档。

该模板是完全独立的。它不绑定到组件，组件什么也不做。

因此，如果您没有明确告诉 Angular 检查值的变化（在keyup此处使用事件），它就不会关心模板引用变量#box。