如何在Angular 6的组件类中使数组动态化

时间:2018-10-01 12:20:33

标签: angular6

我想使Angular 6的组件类中的fieldValues变得动态。

*ngFor="let fieldValue of fieldValues" [value]="fieldValue.name"

我这样制作数组

fieldValues: Array<any>;

如何在Angular 6的组件类中使此数组'fieldValues'动态化。

导出类UserComponent实现OnInit,OnDestroy {

valueMap=new Map();
fieldValuesActSegent: Array<any>;
fieldValuesAccountType: Array<any>;


constructor(
    private _fb: FormBuilder,

}

getValues(fieldName) {

    console.log("Value of map"+this.valueMap);
    var obj = this.valueMap.get(fieldName);
    console.log(this.valueMap.get(fieldName));
    switch (fieldName) {
        case 'A' : {
            this.fieldValues = this.valueMap.get(fieldName)
            break;
        }
        case 'B' : {
            this.fieldValues = this.valueMap.get(fieldName)
            break;
        }
     }
}

}

1 个答案:

答案 0 :(得分:0)

我认为您期待这样的例子。

<div *ngFor="let fieldValue of fieldValues" >
  <input id="{{fieldValue.Id}}" [value]="{{fieldValue.name}}">
</div>

如果这不是您所期望的。请提供更多详细信息。