angular - ngModel 不显示值
问题描述
在 Html 中,它没有显示ngModel
已分配 selectedValueModel 的位置。
也试过了[ngValue]
,它给undefined
了我的ngModelChange
功能。
提前致谢。
foods: Food[] = [
{value: 'steak-0', viewValue: 'Steak'},
{value: 'pizza-1', viewValue: 'Pizza'},
{value: 'tacos-2', viewValue: 'Tacos'}
];
selectedValueModel = {value: 'steak-0', viewValue: 'Steak'};
@Output() selectedValueChange = new EventEmitter()
changing(newValue: any) {
this.selectedValueModel = newValue
this.selectedValueChange.emit(newValue)
}
我的 HTML:
<mat-form-field>
<mat-select placeholder="Favorite food"
[(ngModel)]="selectedValueModel.value"
(ngModelChange)="changing($event)" name="food">
<mat-option *ngFor="let food of foods" [value]="food.value">
{{food.viewValue}}
</mat-option>
</mat-select>
</mat-form-field>
解决方案
改变 :
<mat-form-field>
<mat-select placeholder="Favorite food"
[(ngModel)]="selectedValueModel.value"
(ngModelChange)="changing($event)" name="food">
<mat-option *ngFor="let food of foods" [value]="food.value">
{{food.viewValue}}
</mat-option>
</mat-select>
至:
<mat-form-field>
<mat-select placeholder="Favorite food"
[(ngModel)]="selectedValueModel"
(ngModelChange)="changing($event)" name="food">
<mat-option *ngFor="let food of foods" [value]="food.value">
{{food.viewValue}}
</mat-option>
</mat-select>
推荐阅读
- android - 如何使用 ColorMatrix 将反转颜色应用于 Android Camera2 API 视频?
- javascript - 当我在 onClick 函数中没有 React 组件时,它可以正常显示。有什么问题?
- ios - 在所有视图中实现自定义侧边栏 - SwiftUI
- java - 为什么没有这条线我的背景图像不起作用?
- c++ - 在销毁时从单例管理的容器中删除对象
- python - STRFTIME - 与 Test.py 测试用例不匹配 - IndexError:列表索引超出范围
- python - 如何正确验证字符串?
- angular - 如果 URL 字符串在 Angular 中以 **.pdf** 结尾,我如何显示不同的图像?
- python - Django admin - 如何添加 request.user 作为内联模型的默认值?
- ansible - 如何在ansible模板模块中忽略{{