タグ付けされた質問 「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 …

355 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が使用されている場合、名前属性のいずれかが必要ですセットまたはフォームコントロールは、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"); …

106 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 …

102 javascript  angular  angular5  angular-forms  angular-validation 

フォームを含むモーダルがあります。モーダルが破棄されると、コンソールに次のエラーが表示されます。 フォームが接続されていないため、フォームの送信がキャンセルされました モーダルは、私の最上位<modal-placeholder>要素である、の直接の子である要素に追加され<app-root>ます。 DOMからフォームを削除し、Angular 2でこのエラーを取り除く正しい方法は何ですか？私は現在使用していますcomponentRef.destroy();

82 javascript  html  angular  forms  angular-forms