読者です 読者をやめる 読者になる 読者になる

taketoncheir.log

Like the Decatoncheir by Poseidon Industrial, This blog is Yet Another Storage for My Long Term Memories.

Angularで異なるdivに同一名controllerを登録してもそれらは同じcontrollerを指さない

fiddleはこちら

Angularjsで$scopeの状態を見るには、Chrome ExtentionのBatarangを入れるのがいい。
それと、consoleでangular.element($0).scope();

jsfiddle自身のサイトではangularが見えない。
上記fiddleのURL末尾に/showを付けてやるとホストされた状態で見える。参考

http://jsfiddle.net/taketon_/x6G4F/show

これでBatarangを通してscopeの状態も見えるし、angularからelementを取ることもできる。

上記fiddleでは確かにdivそれぞれに対して異なるidのscopeが割り当てられているのが見て取れる。

まぁコントローラを分けろというのはわかる。
Storage的なサービスを作るか、persistent.jsあたり使ってglobalな状態を持たせるのかな。

あと、なぜかpulldownを触ると同一div内のng-repeatリストが消え去ってしまう。
なかなか前に進まないなぁ。