我对自己的表格有点疑惑.
我做了一个自定义元素:
<div formControlName="surveyType">
<div *ngFor="let type of surveyTypes"
(click)="onSelectType(type)"
[class.selected]="type === selectedType">
<md-icon>{{ type.icon }}</md-icon>
<span>{{ type.description }}</span>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
我尝试添加formControlName但有角度不想知道任何事情,只是说:
<div formControlName="surveyType">
<div *ngFor="let type of surveyTypes"
(click)="onSelectType(type)"
[class.selected]="type === selectedType">
<md-icon>{{ type.icon }}</md-icon>
<span>{{ type.description }}</span>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
我试图添加ngDefaultControl但没有成功.这似乎是因为没有输入/选择...但我不知道该怎么做.
我想将我的点击绑定到这个formControl,以便当有人点击整个卡片时将我的'type'推入formControl.可能吗?
我的要求是我需要创建一个带有嵌套组件的表单.我正在为每个表单字段创建组件意味着对于文本框会有一个组件,对于单选按钮会有另外一个组件就像明智一样.
<form [formGroup]="myForm">
<textbox-component></textbox-component>
<radioButton-component></radioButton-component>
</form>
我想使用Reactive表单来创建这个表单,因为我希望我的html不受影响,只通过打字稿进行表单验证.
但是我找不到任何解决方案我们如何能够将反应形式与组件嵌套.
我无法测试使用带有 ngModel 的自定义组件的组件
HTML 代码如下所示(在下面的 repro 中查看更多信息)
<custom-control name="formCode" [(ngModel)]="testValue"></custom-control>
Run Code Online (Sandbox Code Playgroud)
该代码在我的应用程序中运行,但在我的测试中失败并出现以下错误
Uncaught Error: Uncaught (in promise): Error: No value accessor for form control with name: 'formCode'
错误:没有名称的表单控件的值访问器:'formCode'
测试是用茉莉花运行的
我尝试了不同的导入,但似乎没有一个能解决我的问题
我正在准备一个 stackblitz 来解决我在子父母沟通方面遇到的问题,但在此过程中,我遇到了一个不同的问题,即我收到以下错误:No value accessor for form control with name: 'endDateFC'。对于 ,也会发生这种情况startDateFC。
我从 SO 尝试了以下操作:
ReactiveFormsModule和FormsModuleFormsModule。我只在以下位置导入app.modules.ts根据:表单控件没有值访问器
formControlName位于值访问器元素上我的代码有什么问题吗?这是 stackblitz:https://stackblitz.com/edit/primeng-calendar-v-zdd3of ?file=src/app/postpone-dialog/postpone-dialog.component.ts
angular ×4
javascript ×2
typescript ×2
form-control ×1
forms ×1
jasmine ×1
primeng ×1
unit-testing ×1