什么是 Textarea 中的 Angular4“更改”事件触发指令

Posted 2023-05-07

【中文标题】什么是 Textarea 中的 Angular4“更改”事件触发指令

【英文标题】：What is the Angular4 "Change" event trigger directive in Textarea

【发布时间】：2017-09-25 20:54:20

【问题描述】：

这是我在 INSIDE TEXTAREA 中尝试过的版本之一： (change)="dosomething($event)"

它什么也没做。 “改变”的指令是什么？

【问题讨论】：

在下面查看我的答案

【参考方案1】：

你应该使用ngModelChange

   <textarea cols="25" [ngModel]="data" (ngModelChange)="doSomething($event)"></textarea>

LIVE DEMO

更新：

(change) 事件将在 textarea 中起作用，但它会在模糊和文本上触发 在文本区域内更改

DEMO

【讨论】：

它确实适用于值。但是我怎样才能将它与 $event 绑定呢？为什么（更改）不起作用？

我明白了！非常感谢

这行得通。谢谢。不幸的是，除了angular.io/guide/template-syntax 之外，找不到任何关于此的更多文档。

(input)=doSomething($event) 似乎也对我有用。 （我使用的是 Angular 6。）它们是否相同？如果您只希望 doSomething() 方法响应用户而运行，您应该使用 (input) 而不是 (ngModelChange) 吗？

【参考方案2】：

(change) 对我也不起作用，试试 (input) 效果很好：

<textarea [(ngModel)]="mytext" (input)="autoGrow($event)"></textarea>