問題タブ [angularjs-validation]

私はこのようなフォームを持っており、フォームの検証に angularjs を使用するのが好きです

どうすれば、buyerDetails div 内の入力要素がダーティな状態にあるかを確認できますか?

plunkerにいくつかのサンプルを書きました。ユーザーが入力を離れたときに入力を検証する必要があります。これに使いng-model-options="{ updateon: 'blur'}"ました。正常に動作しますが、これは検証ng-minlengthには適用されません。ng-required

簡単にするために、質問を説明するサンプルフォームを作成しました。

また、コントローラー：

期待される結果：

実結果：

最初はフォームが有効で、その後無効になる理由を誰か教えてもらえますか?

ワーキングデモ

ユーザーが行っている変更のライブプレビューを表示したい場所で、ユーザーのプロファイルページに直接プロファイルエディターを作成しています。

基本的に、入力とテキストエリアに接続されたモデルを使用してビューを更新しています。

これはプレビューで、名前、プロフィール画像、ヘッダー画像、および小さな宣伝文句が表示されています。

アイデアは、それらをライブで更新して (まだ送信していません)、変更を保存する前にユーザーが何をしているかをプレビューできるようにすることです。

したがって、私が直面している問題は、プロファイルを更新する選択肢があり、プロファイル画像、ヘッダー、またはテキストを更新することを選択できるようにするため、どのフィールドも必須にしたくないということです。

ただし、そうすることで、それらは必須ではないため、Angular はフォームがロード時に有効であると言っています (これは技術的には正しいです) が、フィールドが有効として表示されるため、ビューが変更され、何も表示されません。

これにどのようにアプローチしますか？

私は次のことをしようとします

しかし、このエラーで失敗します

その理由は何ですか？

resource.Password は、このような入力にデータバインドされています