Question

我正在尝试在创建html元素时自动分配ngModel 这是我的代码，

productName.setAttribute('[(ngModel)]', `customProductName`);

但我一直收到此错误，

Failed to execute 'setAttribute' on 'Element': '[(ngModel)]' is not a valid attribute name.

其他html属性可以正常工作。请我该怎么办，谢谢。

Answer 1

我没有像您一样设置ngModel的值，但是我可以建议，设置自定义模型值的最简单方法如下：

创建一个model界面，

productModel.ts

export interface ProductModel {
    productName: string;
}

在您的模板中，

product.component.html

如果是输入标签，

// other code form code here        

<input type="text" name="productName" id="productName" placeholder="Your productName" [(ngModel)]="model.productName">

// more code here

在组件中，

product.component.ts

// create an instance of ProductModel instance by name variable model
model: ProductModel = new ProductModel();

// set the product name with custom value as below on ngOninit fuction
ngOninit () {
    this.model.productName = 'Custom product Name';
}

请让我知道该解决方案是否有用..谢谢

注意：这是模板驱动的表单示例，您甚至可以实现还有反应式表单

setAttribute将无法与ngModel一起使用

1 个答案: