angular2-forms 相关问题

是否不可能在ng-content中包含表单输入元素，并且无法将其“连接”到父组件的ngForm实例？使用父组件的基本模板： ] >> 此时您很有可能提出了另一种解决方案，但我只是想出了一种解决方法。希望它将对您或其他人有所帮助。 import { NgModel } from '@angular/forms'; import { Component, ContentChildren, ViewChild, QueryList, AfterViewInit } from '@angular/core'; @Component({ selector: 'my-custom-form', template: ` <form (ngSubmit)="onSubmit(editForm)" #editForm="ngForm" novalidate> <ng-content></ng-content> <button type="submit">Submit</button> </form> `, }) export class MyCustomFormComponent implements AfterViewInit { @ContentChildren(NgModel) public models: QueryList<NgModel>; @ViewChild(NgForm) public form: NgForm; public ngAfterViewInit(): void { let ngContentModels = this.models.toArray(); ngContentModels.forEach((model) => { this.form.addControl(model); }); } public onSubmit(editForm: any): void { console.log(editForm); } } 然后您可以像这样在模板中使用它： <my-custom-form> <input name="projectedInput" ngModel> </my-custom-form> 提交表单时，您会看到projectedInput表单控件已添加到NgForm。注：我仅尝试从AfterViewInit生命周期挂钩添加投影的输入。我不确定它可能会更早工作。这样做可能还会有一些我不知道的问题。 YMMV。我还想在定制组件上使用具有ng-content的形式，例如（我的html组件内容） <form> <ng-content></ng-content> </form> 但是，表单看不到带有ng-content传递的元素。因此，此表单属性（如form.valid，form.dirty）不会更新。我使用了上面的提示来手动添加元素，使其形式如下： public ngAfterViewInit(): void { let ngContentModels = this.models.toArray(); ngContentModels.forEach((model) => { this.form.addControl(model); }); } 使用此代码，可以更新form.dirty等，但是它有一个缺点。如果传递与ngModel绑定的组件，则值将更新两次，例如： <input [ngModel]="value" (ngModelChange)="onChange($event)/> onChange（$ event）方法被调用了两次！您知道如何解决吗？

angular angular2-forms

回答 2 投票 21

如何使复选框的行为类似于角度6中的单选按钮？

我有一组复选框，还有一个新添加的复选框。如果要检查来自该组的任何复选框，我想禁用添加的复选框，如果...

angular angular6 angular2-forms

回答 1 投票 0

角度6错误显示不是一个已知元素

我正在尝试在Angular 6项目中使用Angular Material，但遇到错误'mat-panel-title'不是一个已知元素：'mat-panel-description'不是一个已知元素：'mat-expansion-panel-header '是...

angular angular-material angular6 angular-material2 angular2-forms

回答 2 投票 0

错误：初始化后无法更改选择的`multiple'模式

错误图像： [ ]]] 此问题有一个非常丑陋的解决方法，将您的Mat-select变形为* ngif = true，并创建一个具有Multiple属性的副本，并在其下方包裹一个* ngif =！true。>