相关疑难解决方法(0)

Angular4 - 表单控件没有值访问器

我对自己的表格有点疑惑.

我做了一个自定义元素:

<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.可能吗?

javascript typescript angular angular4-forms

124
推荐指数
3
解决办法
14万
查看次数

Angular 2使用嵌套组件创建反应形式

我的要求是我需要创建一个带有嵌套组件的表单.我正在为每个表单字段创建组件意味着对于文本框会有一个组件,对于单选按钮会有另外一个组件就像明智一样.
<form [formGroup]="myForm">
<textbox-component></textbox-component>
<radioButton-component></radioButton-component>
</form>

我想使用Reactive表单来创建这个表单,因为我希望我的html不受影响,只通过打字稿进行表单验证.

但是我找不到任何解决方案我们如何能够将反应形式与组件嵌套.

typescript angular2-forms angular

33
推荐指数
2
解决办法
2万
查看次数

如何修复 Angular 单元测试中的“错误:没有名称的表单控件的值访问器”?

我无法测试使用带有 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'

测试是用茉莉花运行的

我尝试了不同的导入,但似乎没有一个能解决我的问题

重现代码在这里:https : //stackblitz.com/edit/angular-test-ng-model

unit-testing jasmine karma-jasmine angular-ngmodel angular

5
推荐指数
2
解决办法
2万
查看次数

“没有带有名称的表单控件的值访问器”的问题

我正在准备一个 stackblitz 来解决我在子父母沟通方面遇到的问题,但在此过程中,我遇到了一个不同的问题,即我收到以下错误:No value accessor for form control with name: 'endDateFC'。对于 ,也会发生这种情况startDateFC

我从 SO 尝试了以下操作:

  1. 我添加了ReactiveFormsModuleFormsModule
  2. 我删除了 的重复项FormsModule。我只在以下位置导入app.modules.ts

根据:表单控件没有值访问器

  1. 我没有混合标签和输入。不存在名称冲突。
  2. 我有所有的报关、进口等。
  3. formControlName位于值访问器元素上

我的代码有什么问题吗?这是 stackblitz:https://stackblitz.com/edit/primeng-calendar-v-zdd3of ?file=src/app/postpone-dialog/postpone-dialog.component.ts

javascript forms form-control primeng angular

5
推荐指数
2
解决办法
4万
查看次数