在Angular 7中,我们可以使用属性绑定来动态设置ngModel的名称。下面是一个示例代码,展示了如何根据输入的参数来设置ngModel的名称:
在组件的模板文件中(例如app.component.html):
在组件的类文件中(例如app.component.ts):
import { Component } from '@angular/core';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent {
parameter: string;
myModel: any;
updateModel(value: any) {
this.myModel = value;
}
}
在上面的代码中,我们使用了属性绑定来动态设置ngModel的名称,将[name]="parameter"
绑定到组件类中的parameter
属性。这样,ngModel的名称将根据输入的参数进行动态设置。
注意:为了能够动态设置ngModel的名称,我们还需要将输入的参数绑定到组件类中的一个属性(例如parameter
),以便在模板中使用。
希望这个例子能够帮助你解决问题!