問題タブ [angularjs-forms]

ファイルの変更について検証を試みています。これが私のコードです：

ビュー/テンプレート

コントローラ

しかし、現在、への呼び出し$setValidityは機能していません。
何かご意見は？

選択リストを生成するために使用する<select>要素があり、できれば選択したものを の値に設定します。これが私のhtmlです：ng-optionsng-model

私のコントローラーには次のコードが含まれています：

アイテムの値が true の場合IsTobacco、値は適切に設定されており、すべて問題ありません。ただし、false の場合は、{{dep.IsTobacco}}false としてレンダリングされますが、必要なエラーが表示されます。本当に奇妙な部分は、リストで選択した項目を true に変更すると正常に動作しますが、false に設定すると、新しい空白の項目がリストに追加され、その空白の項目が選択されます。

問題が上記の行にないと思われる場合は、喜んでさらにコードを投稿できます。

ありがとう！

編集: Chrome デバッガーも使用しましたが、データが Angular で開始されたときに、 の値がIsTobaccoに等しいことがわかりましたfalse。

編集 2:これを見ている人が AngularJS を初めて使用する場合は、パート 1とパート 2の 2 つの記事を読むことを強くお勧めします。AngularJS フォームの概要です。

コントローラーからのエラー メッセージの取得、コンパイル、および表示を担当するグローバル ディレクティブがあります。

などのサーバー検証エラーが発生した場合は、 This email already existsこの要素に注目して有効性を false に設定します$setValidity(false)。

このディレクティブはフォームではなく、フォームが含まれていません。

何を提案しますか（コメントアウトされているものはすべて試しました）

私は現在、以下を使用しています。

$scope.$$childHead.customerForm[firstName]、 となることによって：

ただし、これは Chrome でのみ機能します。今、私は次のことを試しました：

$scope.editCustomerForm[firstName]、 となることによって：

これは機能しません。私のフォームは Foundation タブ内にあることに注意してください。どうすればアクセスできますfirstNameか?

編集: Foundation タブ内にformある場合、 が追加されていないようです。scope

誰でもこれに対する解決策を持っていますか?

私の問題の個別のケースを作成しました: http://plnkr.co/edit/6LXW5TG76LC9LNSrdpQC

孤立したケースのコードは次のとおりです。

基本的に、この例には数値フィールドが含まれており、その下には入力が無効 (空または数値ではない) 場合に表示されるエラー メッセージがあります。

ただし、フォームは引き続き送信されます。有効でない場合はフィールド値が「未定義」に設定されますが、サーバーに送信する前にフォームが有効かどうかを確認する方法をお勧めします (この例の警告ボックス)。

だから私の質問は - AngularJS では、フォームがコントローラー内から有効かどうかを確認する方法はありますか? または、フォームが無効な場合にフォームが送信されないようにする別の方法はありますか?

現在、次の問題に直面しています。

ngModelAngularディレクティブを使用してフォーム入力を検証したいと思います。

これらを $scope と一緒に使用すると、正常に機能します。
現在、controllerAs構文を使用すると、機能しません。

この問題は十分に文書化されていません。私が見つけることができる唯一のヘルプは、この記事です。

これが私のコードの小さな例です:

テンプレートはmyController を vm として呼び出されます

$scopeフォームを検証するために使用する必要がありますか? それとも私は何かを逃しましたか？

前もって感謝します！

ソリューション:アンドリュー・グレイ

これを機能させるには、次の行を変更する必要がありました。

ここに私の index.html ページがあります ------index.html-------

必要なのは、送信ボタンを使用してレコードを検索することです....そして、ここに私のscript.jsファイルがあります...

plunkr.co/edit/?p=preview での私のコーディングは次のとおりです。

すべての入力フィールドが空白であるにもかかわらず、フォームが有効として表示されます。入力フィールドに必要なキーワードがあります。

これをブラウザにロードすると、 !! -- フォームは有効ですか? 真実 - ！！必要なタグが空白のフィールドを無効にすることを角度が知っていると思いましたか?

こんにちは、フォームの送信時に検証を表示しようとしていますが、検証が機能せず、フォームが送信されます。これは私のフォームです：

これは私のコントローラ機能です:

誰かが私がここで間違っていることを指摘できますか? ありがとう。:)