タグ付けされた質問 「angular-forms」

4
'form'は 'input'の既知のプロパティではないため、バインドできません-Angular2 Material Autocomplete issue
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 …


14
Angular2 ngModelがformタグ内で使用される場合、name属性を設定する必要があるか、フォーム
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()">

12
<input>要素にフォーカスを設定します
Angular 5でフロントエンドアプリケーションを使用しています。検索ボックスを非表示にする必要がありますが、ボタンをクリックすると、検索ボックスが表示され、フォーカスが移動します。 StackOverflowで見つかったいくつかの方法をディレクティブなどで試しましたが、成功しません。 サンプルコードは次のとおりです。 @Component({ selector: 'my-app', template: ` &lt;div&gt; &lt;h2&gt;Hello&lt;/h2&gt; &lt;/div&gt; &lt;button (click) ="showSearch()"&gt;Show Search&lt;/button&gt; &lt;p&gt;&lt;/p&gt; &lt;form&gt; &lt;div &gt; &lt;input *ngIf="show" #search type="text" /&gt; &lt;/div&gt; &lt;/form&gt; `, }) 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"); …

8
PromiseまたはObservableを返すと予想されるバリデーター
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 …

10
Angular 2:フォームが接続されていないため、フォームの送信がキャンセルされました
フォームを含むモーダルがあります。モーダルが破棄されると、コンソールに次のエラーが表示されます。 フォームが接続されていないため、フォームの送信がキャンセルされました モーダルは、私の最上位&lt;modal-placeholder&gt;要素である、の直接の子である要素に追加され&lt;app-root&gt;ます。 DOMからフォームを削除し、Angular 2でこのエラーを取り除く正しい方法は何ですか?私は現在使用していますcomponentRef.destroy();
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.