Angular 输入的角动态模型

Angular 输入的角动态模型,angular,Angular,如何获得表单元素的动态模型,即输入、选择 我有这个: <input type="text" [name]="input.name" [(ngModel)]="input.name" [title]="input.title" /> 我寻找相关的问题,这是最接近的一个,但我似乎可以做到这一点。有没有其他方法可以做到这一点 角度版本:12.0.2 提前谢谢!在此处输入代码您最好使用表单而不是表单来完成此任

如何获得表单元素的动态模型,即输入、选择

我有这个:

<input type="text" [name]="input.name" [(ngModel)]="input.name" [title]="input.title" /> 
我寻找相关的问题,这是最接近的一个,但我似乎可以做到这一点。有没有其他方法可以做到这一点

角度版本:12.0.2


提前谢谢!在此处输入代码

您最好使用表单而不是表单来完成此任务,因为它在涉及动态验证器和多个工作示例(包括官方文档)时为您提供了更大的灵活性和易用性


由于您的模型有任何类型,这基本上回答了您的问题-在我看来,无需重复官方文档,尽管如果您使用谷歌搜索,还有许多其他有效的示例。

您最好使用表单而不是表单来完成此任务,因为它为您提供了更大的灵活性,当涉及到动态验证器和多个工作示例(包括官方文档)时,易于使用


由于您的模型有任何类型,这基本上回答了您的问题-我认为无需重复官方文档,尽管如果您使用谷歌搜索,还有许多其他有效的示例。

感谢您的建议,我已经迁移了它。然而,我仍然遇到的问题是如何创建动态FormControlName。你认为问一个新问题会更好吗?因为这似乎是一个单独的话题。官方文件中的链接文章就涵盖了这一点。看看这一节。它涵盖了formControlName的绑定,例如[formControlName]=question.keyYes,我已经这么做了,它成功了!谢谢我有一个奇怪的问题,当我在一个输入中添加该指令时,模板没有被呈现。我不认为这是异步问题,因为当我为[formControlName]使用不同的值时,它正在工作。我认为最好是您在stackblitz中复制您的新问题,并将其作为新问题发布。感谢您的建议,我已经迁移了它,我仍然遇到的问题是如何创建动态FormControlName。你认为问一个新问题会更好吗?因为这似乎是一个单独的话题。官方文件中的链接文章就涵盖了这一点。看看这一节。它涵盖了formControlName的绑定,例如[formControlName]=question.keyYes,我已经这么做了,它成功了!谢谢我有一个奇怪的问题,当我在一个输入中添加该指令时,模板没有被呈现。我不认为这是异步问题,因为当我为[formControlName]使用不同的值时,它正在工作。我认为最好是您在stackblitz中复制您的新问题,并将其作为新问题发布。感谢您花时间检查此问题和建议!感谢您花时间查看此内容和建议!
export class SampleComponent implements OnInit {

    inputs!:any[];

    constructor() { }

    ngOnInit(): void {

        console.log(this.inputs);

    }

}
#I guess you might look at this
https://angular.io/guide/forms#bind-input-controls-to-data-properties

#import FormsModule

#create a template driven form
<form #myForm="ngForm">
<input type="text" class="form-control" id="name"
               required
               [(ngModel)]="input.name" name="input.name"
[title]="input.title"
               #name="ngModel">
<!-- for example -->
<select class="form-control" id="cities"
                required
                [(ngModel)]="model.city" name="cities"
                #cities="ngModel">
          <option *ngFor="let data of data" [value]="data">{{data}}</option>
        </select>
</form>
# here #cities, #name is just template ref variable can be used or avoided in case you don't need to track control of model