Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了Angular 2 – ngModel中的动态变量大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
如何在NgModel中使用动态变量?

我试图使用下面的代码,但出现以下错误

<div *ngFor="let num of ['1','2','3']; let i=index">
    <input id="qtd{{num}}" [(ngModel)]="qtd{{num}}" type="text"/>
</div>

埃罗

未处理的Promise拒绝:模板解析错误
分析器错误:插值({{}})

@H_419_13@ 在组件中定义数组并继续推入它.
export class AppComponent {
    qtd:anY[] = {};
}

然后,更新您的模板,如

<div *ngFor="let num of ['1','3']; let i=index">
    <input id="qtd{{num}}" [(ngModel)]="qtd[num]" type="text"/>
</div>

{{ qtd | json}}

在这里,所有动态模型都将在qtd数组中

Plunker

希望有所帮助!

大佬总结

以上是大佬教程为你收集整理的Angular 2 – ngModel中的动态变量全部内容,希望文章能够帮你解决Angular 2 – ngModel中的动态变量所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。