javascript - (更改)事件不适用于选择和输入元素,但适用于复选框 Angular 6、Material 6

标签 javascript angular typescript ecmascript-6 material-design

将我的项目从 Material v5.2.4 更新到 v6.0.0 并将 Angular v5.1.2 更新到 v6.0.0 后,(change) 事件在 select 和 input type="text" 元素,而它在复选框元素上运行良好。

注意:将事件从 (change) 更改为 (ngModelChange) 对上述所有指定元素都非常有效。此外,(change) 事件在所有这些事件升级之前都运行良好。

StackBlitz 重现问题 => HERE

ng -v 命令结果:

Angular CLI: 6.0.0
Node: 8.11.1
OS: win32 x64
Angular: 6.0.0
... animations, cdk, cli, common, compiler, compiler-cli, core
... forms, http, language-service, material, platform-browser
... platform-browser-dynamic, router

Package                           Version
-----------------------------------------------------------
@angular-devkit/architect         0.6.0
@angular-devkit/build-angular     0.6.0
@angular-devkit/build-optimizer   0.6.0
@angular-devkit/core              0.6.0
@angular-devkit/schematics        0.6.0
@ngtools/webpack                  6.0.0
@schematics/angular               0.6.0
@schematics/update                0.6.0
rxjs                              6.1.0
typescript                        2.7.2
webpack                           4.6.0

最佳答案

MatSelect 公开了 selectionChange 以发出 select 的 change 事件,使用 selectionChange 事件而不是 change 事件,参见 <强> APIs .

引用 demo .

关于javascript - (更改)事件不适用于选择和输入元素,但适用于复选框 Angular 6、Material 6,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50184819/

相关文章:

javascript - $.extend 排除一些 JSON 对象

javascript - 无法使用 Angular HttpInterceptor 捕获 401 状态代码

javascript - 单击链接时聚焦输入中的 Keyup 事件

javascript - "Type ' { child : Element[]; pictureUrl: string; } ' is not assignable to type ' IntrinsicAttributes & { children? : react 节点; }'

javascript - 使用多个泛型时如何解决 `Argument of type _ is not assignable to parameter of type ' T 1'.`

express - Angular2.0 路由器适用于组件而不是模块?

javascript - Node.js (Express API) : req. body.myobject 未定义且无法工作

angular - 对于小型应用程序,应用程序服务器是否也可以/应该用作 Web 服务器?

javascript - Angular 2 测试版即 10 "Potentially unhandled rejection [3] SyntaxError: Expected"

css - Angular cli 将文件从 Assets 文件夹中复制出来