Questions tagged «angular-forms»

我正在尝试在Angular 2项目中使用Angular Material Autocomplete组件。我将以下内容添加到模板中。 <md-input-container> <input mdInput placeholder="Category" [mdAutocomplete]="auto" [formControl]="stateCtrl"> </md-input-container> <md-autocomplete #auto="mdAutocomplete"> <md-option *ngFor="let state of filteredStates | async" [value]="state"> {{ state }} </md-option> </md-autocomplete> 以下是我的组件。 import {Component, OnInit} from "@angular/core"; import {ActivatedRoute, Router} from "@angular/router"; import {FormControl} from "@angular/forms"; @Component({ templateUrl: './edit_item.component.html', styleUrls: ['./edit_item.component.scss'] }) export class EditItemComponent …

354 angular  typescript  angular-material2  angular-forms 

我正在使用Angular 4，但在控制台中遇到错误： 无法绑定到“ ngModel”，因为它不是“ input”的已知属性 我该如何解决？

296 angular  typescript  angular-ngmodel  angular-forms 

我从Angular 2中收到此错误 core.umd.js：5995例外：未捕获（已承诺）：错误：app / model_exposure_currencies / model_exposure_currencies.component.html：57：18中的错误是由于：如果在表单标签中使用ngModel，则必须将name属性设置为set或表单控件必须在ngModelOptions中定义为“独立”。 Example 1: <input [(ngModel)]="person.firstName" name="first"> Example 2: <input [(ngModel)]="person.firstName" [ngModelOptions]="{standalone: true}"> <td *ngFor="let lag of ce.lags"> <div class="form-group1"> <input name="name" [(ngModel)]="lag.name" [ngModelOptions]="{standalone: true}" class="form-control" pattern="[0-9]*(\.[0-9]+)?" required> </div> </td> 这就是我使用表单标签的方式： <form #f="ngForm" (ngSubmit)="onSubmit()">

216 angular  angular-forms 

我正在使用Angular 5使用前端应用程序，我需要隐藏搜索框，但是单击按钮时，搜索框应显示并聚焦。 我已经尝试使用指令或类似的方法在StackOverflow上找到一些方法，但无法成功。 这是示例代码： @Component({ selector: 'my-app', template: ` <div> <h2>Hello</h2> </div> <button (click) ="showSearch()">Show Search</button> <p></p> <form> <div > <input *ngIf="show" #search type="text" /> </div> </form> `, }) export class App implements AfterViewInit { @ViewChild('search') searchElement: ElementRef; show: false; name:string; constructor() { } showSearch(){ this.show = !this.show; this.searchElement.nativeElement.focus(); alert("focus"); …

107 angular  angular5  angular-forms 

我正在尝试对Angular 5进行自定义验证，但遇到了以下错误 Expected validator to return Promise or Observable 我只想返回一个错误到表单，如果该值不符合要求，这是我的代码： 这是我的表格所在的组件 constructor(fb: FormBuilder, private cadastroService:CadastroService) { this.signUp = fb.group({ "name": ["", Validators.compose([Validators.required, Validators.minLength(2)])], "email": ["", Validators.compose([Validators.required, Validators.email])], "phone": ["", Validators.compose([Validators.required, Validators.minLength(5)])], "cpf": ["", Validators.required, ValidateCpf] }) } 这段代码在我要实现的验证文件中： import { AbstractControl } from '@angular/forms'; export function ValidateCpf(control: AbstractControl){ if (control.value …

101 javascript  angular  angular5  angular-forms  angular-validation 

我有一个包含表单的模式，当模式被销毁时，我在控制台中收到以下错误： 由于未连接表单，因此取消了表单提交 模态被添加到一个<modal-placeholder>元素，该元素是<app-root>我的顶级元素的直接子元素。 从DOM中删除表单并摆脱Angular 2中的此错误的正确方法是什么？我目前使用componentRef.destroy();

82 javascript  html  angular  forms  angular-forms