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进行路由。它成为角度1.x路由的事实上的解决方案。

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

Answer 2

对于此实现，请查看ui-router

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

有关详细信息，请查看this

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

2 个答案: