我在应用程序中使用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请帮助
可能是角度错误:“不能绑定到'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的所有建议,但似乎无法改变