gpt4 book ai didi

layout - AngularJS - 多种布局

转载 作者:行者123 更新时间:2023-12-02 05:00:01 24 4
gpt4 key购买 nike

我刚开始使用 AngularJS,我知道它是一个 SPA。对于我们正在构建的应用程序,所有页面(索引页面除外)都将采用两列布局。然而,我们希望索引页是一个单栏的全 Angular 页面。 AngularJS 可以实现这个功能吗?

最佳答案

我建议发布一个 plunkr 或 jsfiddle,因为我不确定我是否真的在回答你的问题,或者我是否遗漏了你的问题的更多内容。

如果您通过路由 (ng-view) 处理所有页面,则只需应用类来区分该单列版本的样式。像这样的东西:

.column_1, .column_2 { margin: 0; width: 50%; float: left; }
#firstpage .column_1, #firstpage .column_2 { margin: 0; width: 100%; float: none; }

然后在 html 中(仅在第一页上),将所有内容包装在 div id="firstpage"中。不要在路由页面中包含该 div,样式将仅适用于第一页。或者,如果您有其他设置,您也可以始终在 ng-view 周围使用样式:

<div class="classname">
<div ng-view></div>
</div>

如果你有一个侧栏位于你的 ng-view 之外,而这就是你想要关闭/打开的内容,那么我建议在第一页上包含该类(以使其全 Angular 显示),同时在第一列上使用某种逻辑与 ng-hide/ng-show。

关于layout - AngularJS - 多种布局,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17323214/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com