当前位置: 首页 > 知识库问答 >
问题:

不能绑定“NG模型”也不能呈现垫子-在角形材质中选择角形6

夏志国
2023-03-14

我在应用程序中使用Angular Material,并且Mat-select基于循环多次显示,并且一些条件我需要在ngAfterViewInit()中的Mat-select中默认选择数据

循环,它处理多个mat-select

*ngFor="let p of GlobalVariableService.controllsApplicationTypeFields;let filedIndex = index "

我正在创建多个mat-select代码

<div class="mt-3 example-full-width"
                                *ngIf="(p.FK_FieldType == '6') && p.FK_PanelId == k.PanelId">
                                <div *ngFor="let list of  GlobalVariableService.listSelectData">
                                    <mat-form-field *ngIf="list.id == p.FieldId" class="w-95">
                                        <mat-select matNativeControl name="ApplicationStatusId"
                                            [(ngModel)]="GlobalVariableService.controllsApplicationTypeFields[filedIndex].DefaultValue"
                                            required>
                                            <mat-option *ngFor="let l of list.FieldListItems" [value]="l.ItemId">
                                                {{GlobalVariableService.isEn === true ? l.FieldText : l.FieldTextAr}}
                                            </mat-option>
                                        </mat-select>
                                    </mat-form-field>
                                </div>
                            </div>

TS代码为

 for (var ls = 0; ls < this.GlobalVariableService.controllsApplicationTypeFields.length; ls++) {
              if (Control == this.GlobalVariableService.controllsApplicationTypeFields[ls].FieldId) {
                 this.GlobalVariableService.controllsApplicationTypeFields[ls].DefaultValue = this.GlobalVariableService.ApplicationValues[i].Value;
                debugger;
                console.log("selected value is");
                console.log(this.GlobalVariableService.controllsApplicationTypeFields[ls].DefaultValue);
              }
            }

如果我在itemid中显示值,则itemid在ngModel中是正确的,但未呈现Mat-select请帮助

共有1个答案

夹谷辰沛
2023-03-14

可能是角度错误:“不能绑定到'ng模型',因为它不是'input'的已知属性”?

import { FormsModule } from '@angular/forms';

@NgModule({
    imports: [
         FormsModule      
    ]
 类似资料:
  • 我使用的是:Angular 4.4.5@Angular/Material:2.0.0-beta.12

  • 我有一个mat select,其中的选项是数组中定义的所有对象。我试图将该值设置为其中一个选项的默认值,但是当页面呈现时,该值处于选中状态。 我的typescript文件包含: 我的HTML文件包含: 我已尝试将和

  • 我正在使用角材料,我有问题显示两种类型的按钮:垫触控按钮和垫平按钮。 除这两个按钮外,其他按钮都在工作。我已经导入了所需的所有模块。 我怎么才能让他们工作呢?

  • 我需要能够从角材料列表中删除选定的项目。为此,我决定从初始项目数组中减去选定项目数组(不确定这是最好的方法)。 我的问题是,我找不到一种方法来将超文本标记语言中的选定项数组传递给TS并使用它。 Angular材料在其留档中有以下示例: 其中x是mat-seltion-list选择器的ID,y是对所选元素执行的操作。但这似乎只适用于超文本标记语言。 下面是我不工作的代码。 HTML,其中我设置了列表

  • 我正在将一个对象传递给我的Angular组件,并试图在下拉列表呈现时使下拉列表显示已经选择的值。在我当前的代码中,下拉列表只显示第一个选项。我传入了第二个下拉选项的值。 在我的ts代码中,Object.Reason.code是一个值为“ex2”的字符串 下拉列表绑定到 这是我的html 所需的行为,如果Object.Reason.Code为undefind else如果字符串为EX2,下拉列表将显

  • 我正在使用angular 8.0.0,angular material和Fuse主题作为管理面板。问题是,每当我更改mat-select的样式时,它就会被应用,但在一两次刷新后,角度材质会覆盖本地组件更改并应用默认的。 它也会应用到所有组件,我如何才能只更改一个mat-select的样式? 我的html中有问题的部分: scss文件: } 尝试了stackoverflow的所有建议,但似乎无法改变