formbuilder 相关问题

部分代码： @成分（{ 选择器：“表单测试”，模板：` 部分代码： @Component({ selector: "form-test", template: ` <form [formGroup]="form"> <input type="checkbox" formControlName="checkbox" />{{ item.name }} <p>form checkbox disabled: {{ form.get("checkbox").disabled }}</p> </form> `, }) export class FormTestComponent implements OnChanges { @Input() item: any; form: FormGroup; constructor(private fb: FormBuilder) { this.form = this.fb.group({}); } ngOnChanges(changes: SimpleChanges): void { this.form = this.fb.group({ name: [""], checkbox: [false], }); if (this.item.name === 111) { this.form.get("checkbox")?.disable(); } } } 每次触发 group 时，我都会为 this.form 分配一个新的 ngOnChanges，并且当 this.item.name === 111 时，我会将复选框的禁用属性设置为 true，但是当我单击其他列表项时，复选框的禁用属性看起来仍然是 true，实际上是 false，但是模板中的复选框会以 disabled=true 呈现进入演示你有一个拼写错误，你能修正这一行吗 this.form = this.fb.group({ name: "", checkbox: false, }); 代码沙箱

javascript angular formbuilder

回答 1 投票 0

隐藏 Flutter Form Builder 上的字段

假设我们想在表单提交时传递一个 ID，但我们不希望用户看到它，在 flutter_form_builder 上：^7.1.1 没有隐藏字段的选项，有什么解决方法吗？

flutter forms field hide formbuilder

回答 2 投票 0

React JS 中的自定义 FormIO FormBuilder 出现错误

感谢您阅读我的问题。我在 React 应用程序中使用 FormIO 来渲染表单生成器。我需要将可用于拖放的组件限制为某些组件 - 非常像......

javascript reactjs formbuilder formio

回答 1 投票 0

Symfony - 如何以“多对一”形式保存外键

我是 Symfony 2 的新手，我正在尝试为具有外键的内容类型构建一个表单。我不知道如何使用表单保存外键。我的两个表是“类别”和“曲...

symfony symfony-forms formbuilder

回答 3 投票 0

如何为表单组中的每个字段设置id？

我正在使用 Angular，我需要检查每个输入的 id。有什么方法可以像这样设置每个表单输入的 id 吗？ this.contactForm = this.formBuilder.group({ 名字: ['', {id: 1}], 姓氏：[...

javascript angular forms formbuilder formgroups

回答 1 投票 0

向filament v2中继器项目添加确认删除模式

我有一个工作正常的 FilamentPHP v2 中继器。我正在尝试添加一个“确认删除”模式，用户必须在删除操作继续之前接受该模式，这是一个非常正常的用例。没有...

php repeater formbuilder filamentphp

回答 1 投票 0

向灯丝中继器项目添加确认删除模式

我有一个工作正常的 FilamentPHP 中继器。我正在尝试添加一个“确认删除”模式，用户必须在删除操作继续之前接受该模式，这是一个非常正常的用例。没看到...

php repeater formbuilder filamentphp

回答 1 投票 0

我无法在输入类型上动态分配值：radio / Angular

我很迷失，我正在尝试根据网址动态构建表单的模板，但由于某种原因我无法在单选类型输入上设置属性值。表单蛋糕 html 我很迷失，我正在尝试根据网址动态构建表单的模板，但由于某种原因我无法在单选类型输入上设置属性值。 form-cake html <form [formGroup]="formCake" (ngSubmit)="onSubmit()"> <ng-container *ngFor="let template of formTemplate"> <label for="{{template.id}}">{{template.label}}: </label> <input id="{{template.id}}" type="{{template.type}}" [name]="template.name" [formControlName]="template.name" [attr.value]="(template.type === 'radio') ? template.value: null"> </ng-container> 形成蛋糕组件 ngOnInit(): void { this.formCake = this.formService.formControllerSetup(); this.formTemplate = this.formService.formHtmlSetup(); 表单服务 formControllerSetup(): FormGroup { return this.fb.group({ name: ['', Validators.required], description: ['', [Validators.required]], image: ['', Validators.required], price: [+'', Validators.required], cakeType: [null, Validators.required], allergies: this.fb.group({ cereal: [false], nuts: [false], eggs: [false], milk: [false], soy: [false], peanuts: [false], sulfite: [false], // ... Ajoute d'autres allergies ici }) }); } formHtmlSetup() { let fields!: any[]; return fields = [ { type: 'text',id: 'name',name: 'name', label: 'Name', validation: { required: true } }, { type: 'text',id: 'description', name: 'description', label: 'Description', validation: { required: true } }, { type: 'text',id: 'image', name: 'image', label: 'Image', validation: { required: true } }, { type: 'number',id: 'price', name: 'price', label: 'Price', validation: { required: true } }, { type: 'radio',id: 'pm', name: 'cakeType', label: 'Pm', validation: { required: true } }, { type: 'radio',id: 'pie', name: 'cakeType', label: 'Pie', validation: { required: true } }, ] } 我正在服务内构建模板，将其注入到组件内，然后在 formTemplate 上循环以获取 HTML 中的所有字段。 <input id="{{template.id}}" type="{{template.type}}" [name]="template.name" [formControlName]="template.name" [attr.value]="template.id"> 我确实尝试过 [value]="template.id"/ value="{{template.id}}" 但只有这个版本可以工作[attr.value]="template.id"。知道原来有一个三元 [attr.value]="(template.type === 'radio') ? template.id: null" 过滤其他字段。但是像这样，我可以看到其他输入正在更新，但无线电类型没有更新。也许我累了，但不知道该往哪里看。恐怕您无法使用 FormControlName 将类型单选和值动态分配给输入。我认为你唯一能做到的就是使用两个 *ngIf （一个用于输入类型无线电，另一个用于其余） <form [formGroup]="formCake"> <ng-container *ngFor="let template of formTemplate"> <label for="{{template.id}}">{{template.label}}: </label> <input *ngIf="template.type==='radio'" [id]="template.id" type="radio" [name]="'_'+template.name" [value]="template.type == 'radio' ? template.id: null" [formControlName]="template.name" /> <input *ngIf="template.type!=='radio'" id="{{template.id}}" [type]="template.type" [name]="'_'+template.name" [value]="template.type == 'radio' ? template.id: null" [formControlName]="template.name" /> </ng-container> </form>

angular attributes radio-button angular-reactive-forms formbuilder

回答 1 投票 0

当 UI 加载时，我们如何重命名 Angular formio.io 表单生成器中的标签

重命名选择复选框以多选我们如何实现它。我尝试从标签所在的位置更新 formio 的节点，但无法找到解决方案。请帮我找到定制的解决方案

angular typescript rename formbuilder formio

回答 1 投票 0

使用 ReactJS 的 JQuery 表单生成器

所以，我应该构建一个将集成到应用程序中的表单生成器。我的工作只是设计前端。请注意，我应该在该项目中使用 ReactJS。要求...

javascript jquery reactjs mern formbuilder

回答 0 投票 0

Angular 嵌套数组表单生成器在添加子项时卡住

我正在尝试使用 Angular 为直接项目成功创建表单生成器。我遵循了 Stackblitz 示例。在这里，他们通过“添加技能”按钮添加新技能，他们正在添加它