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

Question

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

我想在下面的结构中绑定数据。我们如何在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>

Answer 1

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

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

Answer 2

对于此实现，请看一下ui-router

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

有关更多详细信息，请访问this