如何解决在 Angular 中随时随地编辑标题mat-expansion-panel-header
我想更改直播标题
这是我当前的图像
HTML 代码
<ng-container *ngFor="let group of formData.groups">
<!-- Panels-->
<mat-accordion>
<mat-expansion-panel cdkDrag>
<mat-expansion-panel-header>
{{group.formGroupName}}
</mat-expansion-panel-header>
</mat-accordion>
</ng-container>
我尝试添加如下输入,以便在应用程序上线时修改面板文本
<input type="text" [(ngModel)]="group.formGroupName" class="editable" />
但这不起作用
这是我的 Ts。
formData: Form = {
formGroupName: 'form',groups: [
{
formGroupName: 'personalDetails',fields: [
{
formControlName: 'firstName',type: 'Text',required: false,label:'FirstName',locked: true
}
]
},{
formGroupName: 'contactDetails',fields: [
{
formControlName: 'address1',label:'Address 1',locked: true
}
]
}
]
解决方法
我终于找到了解决方案。
<input type="text" [(ngModel)]="group.formGroupName" [value]="group.formGroupName" class="editable" />
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。