問題タブ [angularjs-bootstrap]

角度のあるウィジェットを既存の非角度アプリに追加しようとしています。問題は、これらのウィジェットが Angular によって追加されず、ほとんどが非 Angular スクリプトによって DOM に挿入されることです。

私が最初に考えたのはangular.bootstrap、すべてのウィジェットに使用することでした。しかし、そのアプローチの問題は、ウィジェット間でサービスを共有できないことです。そのため、それを行う代わりに、Angular アプリを一度ブートストラップし、ウィジェットごとにコントローラーを手動でロードしたいと考えています。

これは、私が成功せずに試してきたサンドボックスjsbinです

サービスを共有しながら、app1手動および自動で作成しようとしています。app2sharedThing

ブートストラップ タブセット ディレクティブと共に AngularJS SPA で angular-ui-router を使用しています。

ここに私の例http://plnkr.co/V0Cs6BfnggXshawMv4LXと問題を再現する手順があります。

• ページを簡単にリロードできるように、プランカーを「フルスクリーン」で起動します。
• 「子 2」タブをクリックします。
• ブラウザーの URL は、状態を /home/child2 として正しく表示します
• ページをリロードします。
• ブラウザの URL はまだ /home/child2 として状態を示しています

問題は、状態が「home.child2」であっても、タブセットの UI で「子 1」タブが選択されていることです。タブを正しい状態に自動的に表示する方法はありますか?

次のような（関連部分に縮小された）AngularJSアプリがあります。

アプリケーションは正常に動作します。ここで、Angular ブートストラップ プロセスの後に、ディレクティブに対応する新しい dom 要素を追加すると、解釈されません。「追加」は非angularjs JavaScriptコードによって行われることに注意してください。

それはただの「死んだ」divです。

JsFiddle リンク: http://jsfiddle.net/Nn34X/

問題は、新しい DOM 要素をアプリケーションに追加し、AngularJS に解釈する新しい要素があることを知らせるにはどうすればよいかということです (Angularjs を挿入されたすべての要素に正確にポイントすることは簡単です)。

乾杯、事前に感謝します!

angular http://angular-ui.github.io/bootstrap/のブートストラップ ディレクティブを使用していました。

そして、私が指定しているコントローラーで

ここで data.html には、別のウェブサイトの html コンテンツが含まれています。モーダルは私が望んでいたように機能し、Html コンテンツがモーダルに表示されました。唯一の問題は、ウェブサイトの html コンテンツに 600px 以上のインライン画像幅が設定されていたため、これらの画像が modal に含まれていないことでした。モーダルの境界を越えているため、汚れています。それを修正することは可能ですか?? 助けてください ...

angularjs ブートストラップ タブセット タブ見出し内に html を記述できるかどうか疑問に思っています。タイトル内にsvgを追加しようとしています。私が抱えている問題を試して実証するために、plunker で簡単なスニペットを作成しました。

http://plnkr.co/edit/qFsFGDNUIJj9nIF51ApU

何か案は？

ありがとう