問題タブ [angularjs-ng-form]

なぜ ng-model が ng-form で必要なのですか? それがないと正しく動作しません これは ng book の例です

ng-model なしで動作しますが、ng-disabled は動作しません。ng-model の中にランダムなテキストを入れることもできるので、うまくいきます。

ngForm-sが内にネストされていngRepeatます。フォームは、ページのコントローラーの変数にバインドされます。を使用して、タブのアクティブなインデックスに基づいて、フォームが DOM に追加されたり、DOM から削除されたりしますngIf。

奇妙なことに、タブを昇順でアクティブにすると、フォームはコントローラーのフォーム変数に適切にバインドされますが、タブを降順でアクティブにすると、フォームはバインドされません。

なぜこれが起こっているのか知っている人はいますか？

https://docs.angularjs.org/api/ng/type/form.FormController

ブートストラップ プロジェクトにフォーム検証を追加するとき、私はこのパターンをよく書いていることに気付きます。

次のようなフォーム コントローラーの要素に新しいプロパティを追加する簡単な方法があるかどうかを調べようとしていました。

このための関数を作成することもできますが、記述する必要があるのは適切な解決策ではないように感じshowError(myForm, myForm.email)ますが、FormController のソース コードを見た後は、はるかに簡単になる可能性があります。

私はトリッキーな問題に直面しています: ng フォーム内にアクション属性を持つ古いスタイルのフォームを作成する必要があります。

私がこれを行っている理由は、古いスタイルのフォームからの POST リクエストが別の Web サイトに送られ、ユーザーが POST リクエストの結果 (実際には新しいページで) に「リダイレクト」される必要があるためです (これにより、ログインする）。

JavaScript から古いスタイルのフォームをシミュレートできますが、ブラウザーのポップアップ ブロッカーがそれをキャッチし、リンクをクリックするのと同じくらい簡単でなければなりません。

フレームワークに由来するため、外側の ng-form には触れられません。

だから私が持っているものは次のとおりです：

これを機能させる方法が見つかりません:)お役に立てば幸いです。

[編集]わかりました、私はばかだと思います。ブラウザのポップアップブロッカーに問題なく、フォームをシミュレートして送信する関数を呼び出すボタンを使用できるようです...

また、Firefox では動作しないようです。

私がやっていることは次のとおりです。

フォームに複数の追加/削除入力フィールド行があります。これは報告に他なりません。印刷ボタンがあり、フォームに入力したデータだけを構造化して印刷したい。テーブル、列、行、テキストと同様ですが、ボタンや入力ボックスの境界線は除きます。印刷ボタンにこれを試しました

そして、を使用してクラスを作成しました

データを収集し、[印刷] ボタンをクリックして構造化された方法で印刷ビューを取得できる関数を作成する方法を知りたいと思っていました。

これは私が取り組んでいるコードです

プランカーを見る

ページに連絡先のリストがあり、それぞれが<input>フィールド内に表示されます (それらはすべて<form>要素内にあります。フィールドをクリックして編集するときに、いくつかの検証が必要です。たとえば、フィールドがそうでない場合)空の場合、このフィールドに赤い BG を付けたり、この正確なフィールドの下にメッセージを表示したりしたいので、これを試しました:

それはうまくいきませんでした。メッセージは表示されませんでした。私もこれを試しました：

name="{{contact.en_name}}"しかし、この部分をこれに接続する方法がわかりませんでした<p ng-show="contactsForm.en_name.$invalid && !contactsForm.en_name.$pristine"。

私も$index名前として使用してみました：

しかし、それもうまくいきませんでした。エラー メッセージは表示されませんでした。

私は何を間違っていますか、どうすればそれを機能させることができますか?

フォームを含む ng-repeat があります。

コントローラー内

何らかの理由で、何もせず、フォームのプロパティ$setSubmittedを変更しません。$submitted

実装の詳細:

ui-view divにフォームページをロードするためにui-routerを使用しています。Andres Ekdahiの素晴らしい例を参照しました。同じディレクティブを使用して複数のフォームで $dirty チェックを行うにはどうすればよいですか?

フォーム1

フォーム2

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

エラー：

初めてページをロードしたとき、$dirty 値は false です。フォームの詳細を入力し、3 番目のアイコン (ファイル) をクリックすると、2 番目のフォームのダーティ チェックif ($scope.iForm.$dirty)と$dirtyアラートでエラーが発生します。

と

デモ：プランカー