これはSOに関する私の最初の質問なので、できるだけ明確で理解しやすいようにします。
私は最近Angular JSをいじり始めました。現在、Angular JSとjQuery Mobileを使用してモバイルアプリに取り組んでいます。これまでのところ、大きな問題は発生しておらず、統合のために外部ライブラリ (angular js + jquery モバイル アダプターなど) を検討する必要もありませんでした。マルチページ アプリ (現在は 2 ページのみ) を作成し、各ページ (ログイン + コンテンツ ページ) に個別のコントローラーを使用しました。アプリ自体はシンプルで、単なるリスト保持アプリであり、コンテンツ ページの UI の側面に基づいて簡単な jsfiddle を作成しました: http://jsfiddle.net/G7JNV/4/
アプリは、jsfiddle から期待どおりに動作します。ただし、コンテンツ ページはログイン ページと同じ html ドキュメント (index.html) 内のページであるため、コンテンツ ページに移動するには、URL は次のようになります。
.../index.html#mainpage
(メインページはリストキーパーのページです)
それは物事がおかしくなり始めるときです。上記のような URL の場合、アイテムをリストに追加すると、アイテムは最初はスタイルが設定されていません (リストの一部ではないように見えます) が、別のアイテムを追加すると、そのアイテムの CSS スタイルが元に戻ります。もちろん、次のアイテムはスタイルが解除されます (など)。
問題がどのように見えるかを確認したい場合:
ただし、URL の一部としてハッシュ ページがない場合は、すべて正常に動作します (2 ページのアプリをコンテンツ用の 1 ページに変更して.../index.html、コンテンツ ページに直接移動することでこれをテストしました)。css は動的コンテンツに適切に適用されます。
もちろん、なぜこれを行っているのかわかりません.angularとjqmがURLのハッシュアンカーを処理する方法に関係しているのではないかと思います(ただし、Angular JSとjQuery Mobileの両方であまり経験がありません) .
経験豊富な Angular JS (および jQuery Mobile) ユーザーからの助けをいただければ幸いです。