Angular 7 - 将 #parameter="ngModel" 输入作为动态名称_编程开发

Angular 7 - 将 #parameter="ngModel" 输入作为动态名称

创始人

2024-10-16 14:31:48

0次

在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），以便在模板中使用。

希望这个例子能够帮助你解决问题！

上一篇：Angular 7 - 检测组件是否在可视区域内

下一篇：Angular 7 - 将从 SQL 返回的列表复制到数组中

Angular 7 - 将 #parameter="ngModel" 输入作为动态名称

相关内容

热门资讯