在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位置

回答

相关问题