AngularJsでのPOST処理

Question

Angularをさわり始めて１～２ヶ月の者です。

AとBのCの３画面があります。
Aはフォームでの入力、
BはAの入力内容確認画面（修正時はAに戻る）、
Cは登録した等の画面とします。

PHP等でそのまま処理すると・・

Aで通常の入力フォーム
（BからPOSTで戻ってる場合はそれを表示）

B画面
AからPOSTされたデータの表示とhiddenでデータを持っておく
「修正する」をクリックしたらPOSTしてAへ戻る
「登録する」をクリックした場合ばCへPOST

C、もしくはCの前処理でPOSTされたデータの登録の実処理をして「登録完了」を表示

と言うような文章で書くと長いですが割と普通の流れとします。

これをAngularを絡めてやってみたかったんですが、
AとBまでは特に問題なく出来るんですが、
Bで修正したくなってAへ戻った時のデータの持ち方をどうしたらよいのかと。

とりあえずはAに戻って来た際に、POSTデータを読んでそれをA内のhiddenを持たせて、Javascriptで無理矢理DOMを読んでAngularの$scopeに割り当てれば動作するんですが、PHPでもPOST処理を書いて、HTML内にhiddenで入れてさらにJavascriptでAngularに変数割り当てて・・って言うのはさすがに意味ない気がします。

PHPからデータを取ってくるのはjson_decode等で配列ごと持ってこればそのままAngularに渡せる訳ですが、POSTを取りたい場合のうまいやり方が思いつきませんでした。
何かスマートにAngularに渡せるよい方法はありますでしょうか？

Answer 1

Ajaxで処理すればいいのではないですか？
Angularでは$httpというオブシェクトでajaxの手続きを提供してくれています。
https://docs.angularjs.org/api/ng/service/$http

Comments

[landy77]

あれ？質問文で言うB画面（内容確認画面）で、「修正」するをクリックしたとしてA画面へPOSTで戻した際はAJAXでは取得出来ないのだと思ってますが間違ってますか？
私が何か根本的に理解できてないのでしょうか？

[MineoOkuda]

もちろんその通りなのですが、
AngularJSを使用するのであれば確認画面は用意せず、サーバーリクエストは最後の登録の際のみでいいのではないですか？
NgBlurなどを駆使してインタラクティブに入力内容を確認すれば確認画面は必要ないという解釈です。
画面遷移をする必要があるのであれば通常どおりPHPで取得した値をScriptタグ内に出力し、変数として持たせ、$scopeに代入しなおすとかでしょうか。

[landy77]

ああ、なるほど、確認画面が必要なのはお客様の要望なので無しには出来ませんが、外部スクリプトにする頭しか無かったので・・・
確かにSCRIPT内にPHPで出力すればJavascript内で変数として利用できますもんね。
ちょっと頭が固かったですｗ
ありがとうございます、助かりました！！

[MineoOkuda]

もう解決済みでしたらいいのですが、
例えばですが、NgIfで入力画面と確認画面を用意して送信ボタンをNgClick押下時に切り替えるといいのではないですか？