AngularJS - Verwenden Sie mehrere Controller über Bootstrap -Registerkarten hinweg ⇐ HTML

[Anonymous]

Ich möchte den Inhalt mit Bootstrap -Registerkarten teilen. Dies funktioniert einwandfrei, mit Ausnahme der HTML-Bruchs, wenn ich den NG-Controller in übergeordneten Elementen anhege. Gibt es eine Möglichkeit, HTML-Elemente zum Einfügen von NG-Controller zu verwenden, ohne die Hierarchie zu beeinflussen, die für die Anzeige der Registerkarten in Bootstrap erforderlich ist?

Code: Select all

{{ tab1_content }}
{{ tab2_content }}
{{ tab3_content }}
 
 
< /code>

Wie würde ich meine Controller verwenden (bricht die Registerkarte, indem Inhalte in alle Registerkarten eingelegt werden: < /p>




{{ tab1_content }}
{{ tab2_content }}
 

{{ tab3_content }}
 
 
 

Demo: https://jsfiddle.net/l2b4ylfa/