httpProviderから画面のscopeの操作

Question

angularJSでhttpProviderの内部処理から画面scopeの値を直接変更したいのですが、どうにかいい方法はないでしょうか？
httpProviderにscopeをDIしようとしたのですがうまく行かず困っております。

Answer 1

方法案としては2種類あります。

１．window.target_scope = $scope等
お互い参照出来る共通のスコープに移動して編集出来るようにする

この案は一見なんでグローバス変数にぶら下げるとか馬鹿じゃね？
…と思うかもしれませんが、
赤の他人がいきなり他人の世界のプロパティにアクセスを試みるのは設計として不自然です。

なのでwindowにぶら下げるのもダサいながら方針の一つとして記載しました。
グローバル変数にぶら下げたくないなら、もう一工夫頑張ってみてください。
シングルトンというデザインパターンは解決策の一つになるかと思います。

２．jQuery('hogehoge').scope()でHTML世界からAngular世界のスコープにアクセス

実はAngularを読み込んだ時にjQueryが読み込まれている場合、
jQueryオブジェクトにscopeというメソッドが追加されています。

試しにChromeで以下を試してみてはいかがでしょうか。

1. 特定スコープの配下にあるDOMを右クリック
2. 要素を検証をクリック
3. Elementsで要素を選択されているのを確認して、コンソールにhoge = $($0).scope()と打ち込む
4. hoge変数＝そのスコープなのでhoge.piko = 123等としてスコープ内の値を自由に書き換えられる事を確認する

当然、バッドノウハウ中のバッドノウハウなので別の手段を用いた方が良いです。

Comments

[miyabi-sun]

ご存知かも知れませんが補足です。
デベロッパーツールで特定のエレメントをクリックして選択状態にしていると、
コンソールで$0と入力すると選択中のDOMの事を指します。

[hako36s]

回答ありがとうございます。
無事、１の方法でやりたいことが出来ました。
２の方法は全く想像もつかない方法だったので大変勉強になりました。ありがとうございます。