問題タブ [angularjs-forms]

テーブルに移動されたフォームがあり、ng-submit を使用できないため、組み込みのフォーム検証機能が失われます。

これは私のコントローラーがどのように見えるかです:

クリックしたときに標準のポップアップで save メソッドが検証をトリガーするようにするにはどうすればよいですか?

モジュール、コントローラー、サービス、およびディレクティブを取得した単純な angularJS アプリがあります。フォーム変数と構造を保持するテンプレートhtmlページとともに、正常に機能しているディレクティブを使用してメインhtmlページindex.page内に印刷します。今、フォームに ng-submit="submitForm() がありますが、送信を押してもデータが表示されません; Firefox の firebug では、未定義の $scope.submitForm.Employee と表示されます

詳細は次のとおりです。

AngularFormsApp.js (モジュール)

efController.js (コントローラー)

efService.js (サービス)

efDirective.js (ディレクティブ)

efTemplate.html (フォーム)

メイン HTML ページ (index.html)

上記のコードは、employee の efService で定義されているすべてのデータを正しく表示します

私は AngularJs 1.4 を使用しており、入力フォームを持っています。フォームの最後にリセット、キャンセル、送信ボタンがあります。クリックすると、すべてのフォーム要素をデフォルト値に設定する必要があります。しかし、ボタンをクリックするsubmitFormと、関数も関数と一緒に呼び出されます。どこが間違っているのか教えてください。フォーム フィールドもリセットされません。resetFormreset

コントローラー内には、次のコードがあります。

Angular フォームのテキスト フィールドの日付フィールドのカスタム検証が必要です。angular-ui表示にはdatepicker要素を使用しています。検証のためにvalidatedate、カスタム ロジックを記述したいカスタム ディレクティブを作成しました。私が直面している問題がいくつかあります：

1. ctrlディレクティブ内で未定義として来ています。
2. 現在発生していない入力フィールドの変更があるたびに、ディレクティブを呼び出す必要があります。このディレクティブは、ページが読み込まれるときに 1 回だけ呼び出されます。

参照用に以下のコード スニペットを追加します。どこが間違っているのか教えてください。

validatedateディレクティブ:

In my controller.js file I have:

and in my modal I have

when I use this format it tells me that vm.myForm is undefined.

This is the closest thing I've found here, but it still did not work for me Can I access a form in the controller?

Angularjs バージョン 1.5 を使用して、フォームの入力を検証しています。

• ng-required は、必要なすべての入力を検証するために使用されます

ただし、コンボをレンダリングするカスタム ディレクティブでは機能しません。コンボは、'listId' という名前のパラメーターに基づいてアイテムを取得します。次に、ng-repeat を使用して「lookupItems」を反復処理します。ngModel のように、何かが欠けていると思います。なぜ、どのように実装するのですか？

コンボ ディレクティブ:

html ビュー:レンダリングするコントロールのタイプを含む属性を反復処理し、そのセット ng-required を true である「attribute.Required」に基づいてブール値に設定します。

フォームで繰り返される属性 ($scope.attributes) のサンプルです。説明目的で提供しています。

angular js ドロップダウン検証を行っていますが、ドロップダウン検証を行うときに問題が発生します。

このウェブサイトからすべてを取得し、このコードを使用しています: https://github.com/turinggroup/angular-validator

デモ

しかし、上記のリンクでは、Dropdwon コントロールで検証を行うことに勝るものはありません。したがって、誰かがドロップダウン検証を行うためにこの同じコードを使用し、成功した場合は、私を案内してください。

これは、ドロップダウンを含む私が作成したプランカーです:

MyDropdownControlFullDemo

そして、これは私のドロップダウンコードです:

ユーザーがドロップダウンからオプションを選択しない場合、テキストボックスコントロールの検証が表示されるのと同じように検証が表示される必要があります。

日付モデルが現在の日付よりも小さい場合、または日付が「期限切れ」になっている場合、個々の日付ピッカーを無効にするにはどうすればよいですか。

開始日と終了日の日付ピッカーを使用して UI を開発しています。最初は、バックエンドから返されたデータに応じて、必要な数の日付ピッカーを UI に含めることができます。ユーザーは、日付ピッカーをさらに追加することもできます。

で日付ピッカーを作成するために使用しているサンプルデータを次に示しngRepeatます。

開始日と終了日が期限切れになっていない場合にのみ、ユーザーが日付ピッカーを介して日付を変更できる UI を作成しています。日付の有効期限が切れている場合は、日付ピッカーを無効にする必要があります。

参考までに私のUIです。

私の現在のアプローチは、シーズン配列を反復処理し、startDate が今日よりも小さいかどうかを確認することです。

これまでのところ動作しますが、今日よりも遅くない startDate を無効にします。

これが私のhtmlです

上記の条件に基づいて単一の日付ピッカーを無効にするために、コントローラでとid="endDate+{{$index}}"とともに datepicker 入力を使用するにはどうすればよいですか。ng-disabled="ss.datePickerStartDateEnabled"ss.datePickerEndtDateEnabled

私が行う必要がある他の検証があります。たとえば、日付が重複しておらず、開始日は前の終了日より後にする必要があります。最初に簡単なケースを解決しようとしています。

前もって感謝します。これがプランカーコードで、これがUIですが、日時ピッカーは機能していません。UI を向上させるには、フルスクリーンで表示してください。