Layout AngularJS-多布局
我只是从AngularJS开始,我知道这是一个温泉浴场。对于我们正在构建的应用程序,除了索引页面之外,所有页面都将具有两列布局。但是,我们希望索引页面是一列的全宽页面。AngularJS是否可以实现此功能 我建议发布一个plunkr或jsfiddle,因为我不确定我是否真的在回答你的问题,或者我是否遗漏了更多的问题 如果您通过路由(ng视图)完成所有页面,那么只需应用类来区分该一栏版本的样式。比如:Layout AngularJS-多布局,layout,angularjs,Layout,Angularjs,我只是从AngularJS开始,我知道这是一个温泉浴场。对于我们正在构建的应用程序,除了索引页面之外,所有页面都将具有两列布局。但是,我们希望索引页面是一列的全宽页面。AngularJS是否可以实现此功能 我建议发布一个plunkr或jsfiddle,因为我不确定我是否真的在回答你的问题,或者我是否遗漏了更多的问题 如果您通过路由(ng视图)完成所有页面,那么只需应用类来区分该一栏版本的样式。比如: .column_1, .column_2 { margin: 0; width: 50%; fl
.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视图周围使用样式:
<div class="classname">
<div ng-view></div>
</div>
如果您有一个位于ng视图之外的侧列,并且您希望关闭/打开它,那么我建议在第一页中包含该类(使其完全打开),同时在第一列中使用某种逻辑,使用ng hide/ng show