angular-forms 相关问题

与Angular模板或反应形式相关的问题。

如何以一种形式（Reactive Forms）以角度编写mulliple验证器函数？

我正在使用Reactive表单我的表单就是这样this.fb.group（{percentAllocation：['']，constantPercent：['']，allocStartDate：['']，allocEndDate：[''] ...

angular angular5 angular6 angular-forms

回答 1 投票 0

根据Angular中的活动表单中选择的数字推送迭代行

当我在下拉列表中选择一个数字时，我在迭代行时出现问题。我将如何推送该数字，以便根据该数字迭代行（卡）。我的过程就是这个，首先你......

angular angular-reactive-forms angular-forms angular4-forms

回答 1 投票 2

Angular表单提交不起作用

请帮助我的角形（提交）不工作。我正在制作登录应用程序，我也是角色的初学者。请帮我找到问题所在。 login.component.html

angular angular6 angular-forms

回答 3 投票 0

如何在 Angular 6 中为反应式表单设置日期默认值？

我有日期过滤器的表单，我尝试为日期输入的开始日期和结束日期设置默认值。 ... 我有日期过滤器的表单，我尝试为日期输入的开始和结束日期设置默认值。 <form [formGroup]="filter" (ngSubmit)="applyFilter()"> <mat-form-field> <input matInput [matDatepicker]="start" formControlName="start" placeholder="Начальная дата"> <mat-datepicker-toggle matSuffix [for]="start"></mat-datepicker-toggle> <mat-datepicker #start></mat-datepicker> </mat-form-field> <mat-form-field> <input matInput [matDatepicker]="end" formControlName="end" placeholder="Конечная дата"> <mat-datepicker-toggle matSuffix [for]="end"></mat-datepicker-toggle> <mat-datepicker #end></mat-datepicker> </mat-form-field> 和TS部分 refreshFilter() { const now = new Date(); const monthAgo = new Date().setMonth(now.getMonth() - 1).toString(); console.log(monthAgo) console.log(now) this.filter = new FormGroup({ start: new FormControl(monthAgo, []), end: new FormControl(now, []) }); } 我一个月前的 console.log() 是 1533908066234 但新日期是 Mon Sep 10 2018 16:34:26 GMT+0300 并且带有时间戳的表单输入不起作用。如何获得一个月前的正确格式日期以成功设置为FormControl？如果你想在 Angular 中格式化日期，你可以使用 DatePipe 尝试使用管道进行格式化。这允许您根据语言环境规则格式化日期值。如果您需要有关此的更多信息，您也可以在此处查看： https://angular.io/api/common/DatePipe 这个月也做Ago.toLocaleDateString() 希望对您有所帮助！我遵循了以下步骤并且它按预期工作：使用 CLI 创建了一个新的 Angular 6 应用程序并将 Angular Materials 添加到项目在 app.module.ts 中导入 FormsModule 和 ReactiveFormsModule 复制与您提供的完全相同的 html 标记到 app.component.html 在 app.component.ts 中添加以下代码从'@angular/core'导入{Component，OnInit}；从'@angular/forms'导入{FormControl，FormGroup}； @成分（{ 选择器：'app-root'， templateUrl: './app.component.html', styleUrls: ['./app.component.css'] }) 导出类 AppComponent 实现 OnInit { 过滤器：FormGroup ngOnInit() { let now = new Date(); let monthAgo = new Date(); monthAgo.setMonth(now.getMonth() - 1); this.filter = new FormGroup({ start: new FormControl(monthAgo, []), end: new FormControl(now, []) }); } } 希望这有帮助。我找到了解决方案： const now = new Date(); const monthAgo = new Date(now.getFullYear(), now.getMonth() - 1, now.getDate(), now.getHours()); this.filter = new FormGroup({ start: new FormControl(monthAgo , []), end: new FormControl(now, []) }); 我将日期从时间戳转换为字符串格式。就是这样。如果有人知道如何更优雅地重写它，我将不胜感激。 new FormControl(new Date().toISOString().substring(0, 10)),

javascript angular timestamp angular-forms

回答 4 投票 0

当ngValue是对象时，Angular 5中选择ngModel的双向数据绑定

我使用[（ngModel）]作为整个对象。当我从头开始做这个时工作正常，但是当我在编辑模式下使用时却没有。所以，当我通过其他函数分配ngModel时，...

angular angular-forms

回答 1 投票 1

自服务以来，表单值不会填充

我正在一个材质弹出窗口中使用选择框和文本字段在Angular 5中构建一个表单。选择框值来自服务。但是，该服务花费了太多时间，而且在此形式之前......

angular angular-forms

回答 1 投票 0

将图像从Angular上传到Laravel

我试图将我的Angular应用程序中的图像上传到Laravel。我的问题是它无法完成。我的代码有问题吗？我也必须使用其他输入字段提交它。请 ...