angular-forms

1熱

1答えて

私は最初のAngular 4アプリケーションを作成し始めています。フォームの検証をテストしています。私はテンプレートドライバーのフォームを作成し、いくつかのバリデーターを追加しました。今、フィールドの検証エラーを表示します。これは私の実際のコードです： <input id="name" name="name" class="form-control" re

-1熱

1答えて

これをサブミット関数に変換する

このフォームをサブミット関数で機能させるにはどうすればよいですか。現在、私はオプションを選択し、自動的にデータを変更します。変更が行われる前に、送信ボタンを最初にクリックします。 <div class="select" > <select class="form-control col-lg-8" #selectedValue name="selectedValue" id="selec

0熱

2答えて

ユーザーが各入力に触れたことを確認します

フォームの検証時に、ユーザーが入力、チェックボックスなど（）に触れたかどうかを確認できます。バリデーターにビルドがあり、ユーザは少なくとも1回は各入力に触れなければならない（タブオーバーなど）。背景：私は、入力が正しいことを確認する必要があるチェックボックス付きフォームを持っています。 <form name="form" role="form" class="form-horizontal" n

1熱

1答えて

数字入力は値として

のプレースホルダー文字列を取っています。私はタイプ入力numberを持っていますが、フォームを送信したときに何も入力せずに値として "rating"のプレースホルダーテキストを選択します。どのように私はそれを防ぐことができます。ここでtheresの入力欄に入力がないは、以下が動作するはずですすべてのフォーム <section class="container"> <div class

3熱

1答えて

入力タイプ 'url`を追加した後に、エラーがスローされる

コメント付きのパーツをビューに追加した後。アプリケーションが壊れて、次のエラーがスローされます。それはそのようなエラーを投げるべきではありません。なぜそのエラーを投げているのですか？しかし、要素を削除すると、すべての事が正常に戻ります。 ERROR TypeError: Cannot read property 'valid' of undefined at Object.eval [

0熱

1答えて

パスワードReactive Forms Angularを確認する4

私の角型アプリケーションでは、パスワードに関する問題とパスワードの確認に問題があります。関数としてコンポーネントクラスの外にあなたのpasswordConfirmingを宣言して、たとえばのためにそれを呼び出す Iは、反応性のフォームを使用しているとエラーが「指定されたパラメータは、コール・ターゲット上の任意の署名と一致していない」と言う ngOnInit() { this.form

1熱

1答えて

条件付きngModelデータバインディング

Angular4でngModelによる条件付きデータバインディングに問題があります。説明するために：を私は少し形があります。 <form-question-radio [(ngModel)]="model['q4']" name="question" [options]="[{value:true, label:'Yes'}, {value:false,label

0熱

1答えて

ngx-chips分のテキストの長さ

私は角のある形のタグ入力コンポーネントを使用しています。 https://github.com/Gbuomprisco/ngx-chips データは、HTTPサービス（観測）から来ています。 ngx-chipsを使用して残りの呼び出しを実行する前に、ドキュメントでminテキストの長さを指定する方法が見つかりませんでした。マイHTMLフラグメントが <tag-input name="tagList

2熱

1答えて

onResetは、日付のデフォルト値を削除します

ページの読み込み時に、日付入力フィールドの日付が現在の日付に設定されます。フォームがリセットされたとき、図に示すように、しかし、デフォルトの日付は on page load on resetting the form が// をapp.component.ts日付フィールドがクリアされる代わりに復元されませんトンで export class AppComponent implements OnIn

1熱

2答えて

引数を渡すときに新しい日付を無効にする

2つの日付を比較したいと思います。日付の1つはinput="date"から、もう1つは日付オブジェクトの新しいインスタンスです。日付入力から日付の値を取得するapp.component.tsからデータバインディングで日付を取得します。 >>>>> プロパティを読み取ることができませんエラーが発生しますが、私もこれをやってみましたが、それが与える未定義 @Input() taskDt;