Angularjs, bootstrap, ace editor in tab

Angularjs, bootstrap, ace editor in tab
2015-08-30T19:05:43+02:00
2015-09-02T18:53:39+02:00
2022-12-02T19:36:07+01:00
jerry87
Üdv mindenkinek!

Egy olyan problémába futottam, amitől már a falnak szaladok, mert sehogy sem találom a megoldást.
Amit használok:
<script src="js/jquery-1.11.2.js"></script>
<script src="js/angular-1.3.9.js"></script>
<script src="js/bootstrap-3.3.2.js"></script>
<script src="js/ace_editor/ace.js"></script>

HTML kód:

<tabset > <tab> <tab-heading> Általános beállítások </tab-heading> <tab-content> <div id="tab_demo" class="panel panel-default" style="height: 200px; " ></div> </tab-content> </tab> </tabset>
JavaScript

var editor_tab = ace.edit('tab_demo'); editor_tab.setTheme("ace/theme/chrome"); editor_tab.setValue(""); editor_tab.getSession().setUseWrapMode(true); Szóval a probléma, ha tab_demo id-val rendelkező div a tabset-en belül van, akkor az az ace.edit nem találja meg, ha meg kívül van, akkor meg minden rendben. Valakinek ötlet? Előre is köszönöm a segítséget!
Mutasd a teljes hozzászólást!
Ez most egy angularos vagy egy jquery-s lap ?
Ha angular, akkor lehet, hogy egy angular-ui-s editort kellene belepróbálni.
Mutasd a teljes hozzászólást!

Tetszett amit olvastál? Szeretnél a jövőben is értesülni a hasonló érdekességekről?
abcd