在angularjs中動態更改div位置

我有一個（複雜）工具欄面板，可以位於頁面的頂部或底部（可配置）。有什麼方法可以避免複製/粘貼工具欄在頁面底部？在angularjs中動態更改div位置

這裏是複製/粘貼方式代碼：

<div id="topToolbar" data-ng-show="configs.toolbarPosition=='TOP'"> 
    <!-- toolbar --> 
</div> 

<div> 
    <!-- inner page contents --> 
</div> 

<div id="bottomToolbar" data-ng-show="configs.toolbarPosition=='BOTTOM'"> 
    <!-- exactly copy/pasted toolbar --> 
</div>

來源

2015-06-14 united

請單獨的文件中的工具欄HTML和include以往任何時候都需要的地方。

<ng-include src="'views/toolbar.html'"></ng-include>

此外，如果您需要添加控制器的所有功能。這將幫助您重用您的代碼。

來源

2015-06-14 18:59:17 simon

您可以查看組件是如何做出，使組件<工具欄> < /工具條>

來源

2016-08-31 10:20:52

在angularjs中動態更改div位置

回答

相關問題