我们可以在 AngularJs 中嵌套 div ng-view 吗？答案

【问题标题】：can we have nested div ng-view in AngularJs?我们可以在 AngularJs 中嵌套 div ng-view 吗？
【发布时间】：2016-08-31 04:19:14
【问题描述】：

我对动态绑定视图有特定要求。默认情况下，该模块只有一个月数据 1-Mat-16 到 30-May-2016。一旦用户滚动页面，它应该获取上个月等等..

我想将数据绑定在以下结构中。我们如何在 AngularJS 中实现。我可以嵌套 ng-view 给我每月的 html 代码还是我们可以在单个视图中实现。

我想每月动态生成并绑定在同一个div中。

<div class="content" id="mainContent" style="width: 100% !important">
    <div id="5-2016" class="Month">
        <ul class="BasicsUl" id="2016-5">
            <li id="2016-05-01" style="width: 3.135484%;"></li>
            <li id="2016-05-02" style="width: 3.135484%;"></li>
            <li id="2016-05-031" style="width: 3.135484%;"></li>
            <li id="2016-05-04" style="width: 3.135484%;"></li>
            ....
        </ul>
    </div>
     <div id="4-2016" class="Month">
        <ul class="BasicsUl" id="2016-4">
            <li id="2016-04-01" style="width: 3.135484%;"></li>
            <li id="2016-04-02" style="width: 3.135484%;"></li>
            <li id="2016-04-03" style="width: 3.135484%;"></li>
            <li id="2016-04-04" style="width: 3.135484%;"></li>
            ....

        </ul>
    </div>
    ....
</div>

我想知道这样的模板设计：

<div style="width: 100%">
    <div ng-repeat="activity in activities.data | limitTo:20:1">
        <div id="4-2016" class="Month">
            <ul class="BasicsUl" id="2016-4">
                <li id="2016-04-01" style="width: 3.135484%;"></li>
            </ul>

        </div>
    </div>
</div>

【问题讨论】：

我想知道这样的模板设计：

标签： javascript jquery html css angularjs

【解决方案1】：

对于这个实现，看看ui-router

这包括使用多个和/或嵌套视图。

更多详情请查看this

【讨论】：

【解决方案2】：

您应该尝试使用 ui-router 进行路由。它成为 Angular 1.x 路由的事实上的解决方案。

https://github.com/angular-ui/ui-router

【讨论】：