如何解决Mat-chip关键事件问题
我检测到,在移动设备中的反应形式内使用片状芯片时,存在两个问题:
当我按ENTER键时,改为添加该芯片,结果是我转到下一个输入字段 当我按COMMA键时,改为添加此mat-chip,结果是我在mat-chip中添加了“,” 台式机不存在这两个问题
其他信息: 角核:7.2.1
角材料:7.2.1
测试示例(如果您从手机打开): http://angular-material.fusetheme.com/apps/e-commerce/products/1/printed-dress
反应式内垫芯片的代码示例:
<mat-chip-list #valuesChipList name="values" formControlName="values">
<mat-chip [disabled]="!editing" *ngFor="let value of form.get('values').value" [removable]="true"
(removed)="removeValue(value)">
{{value.name}}
<mat-icon matChipRemove *ngIf="editing">cancel</mat-icon>
</mat-chip>
<input [readonly]="!editing" [matChipInputFor]="valuesChipList [matChipInputSeparatorKeyCodes]="separatorKeysCodes" [matChipInputAddOnBlur]="true" (matChipInputTokenEnd)="addValue($event)">
</mat-chip-list>
SeparatorKeysCodes:
readonly separatorKeysCodes: number[] = [ENTER,COMMA];
有人能解决这些问题吗?
谢谢
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。