angular-reactive-forms 相关问题

我正在使用 ng-select 来显示来自 API 的项目。我正在使用 ng-select 显示来自 API 的项目。 <ng-select placeholder="Select Template" #templates (change)="onChange()"> <ng-container *ngFor ="let t of templateData.envelopeTemplates"> <ng-container *ngIf="t.name && t.templateId"> <ng-option value="{{t.templateId}}">{{t.name}}</ng-option> </ng-container> </ng-container> </ng-select> 在我的代码中，您可以看到我正在从请求中提取名称，但我还需要在值中显示 id。当我运行此命令时，我收到此错误，main.js：36218 ERROR TypeError：无法读取未定义的属性（读取“值”）我需要将 templateID 绑定到值，因为当用户选择一个选项时，id 用于向 API 发送请求以获取有关该模板的更多数据。其他一切都很好，我只是陷入了这个问题。这也是反应形式。方法如下 getTemplates(){ this.templateFieldService.getTemplate().subscribe((temp: Template) => { if(temp){ this.templateData = temp; this.templateData.envelopeTemplates.forEach(temp =>{ this.tempData?.push(temp.name); this.tempId?.push(temp.templateId); }) } console.log(this.templateData) }); 你的问题不清楚，尽管我会尝试回答以调试你的代码并找到可能的错误。您可以对 templateData 使用安全导航运算符 (?) <ng-container *ngFor="let t of this.templateData?.envelopeTemplates"> </ng-container> 如果不起作用，则尝试使用 json 管道将数据记录到模板中 <div> {{ this.templateData?.envelopeTemplates | json }} </div> 如果数据不可用，请确保在 ngOnInit() 方法中获取数据

angular angular-reactive-forms angular-ngselect

回答 1 投票 0

p-dropdown 不会使用反应式表单手动设置值

我尝试在某些服务检索一些信息后手动设置表单，并且我需要再次设置回下拉列表中的值（为了实用，使用 setTimeout ）。旁边是正常的

angular angular-reactive-forms primeng primeng-dropdowns

回答 1 投票 0

错误 TS2531：对象可能为“空”。在表单数组控件上

我有带有反应式表单数组项的模板：我有带有反应式表单数组项的模板： <li class="nav-main-item" formArrayName="closedStatuses" *ngFor="let item of statusesForm.get('closedStatuses')['controls']; let i = index"> <a formGroupName="{{i}}" class="nav-main-link" href="javascript:void(0)"> <span class="nav-main-link-name"> <div class="form-check"> <input class="form-check-input" type="checkbox" [attr.id]="'closed-' + i" [attr.name]="'closed-' + i" formControlName="checked" (change)="onSelectStatus()"> <label class="form-check-label" [attr.for]="'closed-' + i">{{ item.controls.name.value }}</label> </div> </span> </a> </li> 我有错误：error TS2531: Object is possibly 'null'. statusesForm.get('closedStatuses')['controls'] 如何修复此错误？也许你可以使用辅助函数来获取数组？ getStatusControls() { const closedStatuses = this.statusesForm.get('closedStatuses'); return closedStatuses ? closedStatuses['controls'] : []; } return 语句中的三元运算符应确保您永远不会尝试访问 'controls' 的 null。 <li class="nav-main-item" formArrayName="closedStatuses" *ngFor="let item of getStatusControls(); let i = index">

angular angular-reactive-forms

回答 1 投票 0

angular-reactive-forms 相关问题

最新问题