【问题标题】:What is the Angular4 "Change" event trigger directive in Textarea什么是 Textarea 中的 Angular4“更改”事件触发指令
【发布时间】:2017-09-25 20:54:20
【问题描述】:

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

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

【问题讨论】:

  • 在下面查看我的答案

标签: angular textarea


【解决方案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>

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-03-23
    相关资源
    最近更新 更多