orderBy有多个嵌套的ng-repeats和ng-ifs

时间:2015-07-13 02:44:38

标签: javascript angularjs visual-studio-2012 angularjs-ng-repeat angular-ng-if

http://plnkr.co/edit/cfQDcdHJGyGxWVHm9h3F

这是plnkr。

自从中午以来,我一直在撞墙,我已经搞砸了。我试图命令'''''是一个int,所以应该没有问题。有许多提到订单,因为我没有使用哈希和其他属性值,我尝试了很多解决方案。

然而,正如你在plnkr中看到的那样(经过几个小时的研究和尝试其他解决方案)我将它粘贴到plnkr的那一刻,订单显示正确,1,2,3,4,5。/ facepalm

当我将其加载到我们的本地主机上时,这就是我所看到的:

出口

2

3

4

文件

5

负载

1

是的,我已经清除了缓存。它以这种方式设置的原因是因为,如果每个thingType有超过1个对象,我需要一个下拉菜单,如果只有一个,我不想要一个下拉菜单。 我正在使用VisualStudio。当我尝试在本地主机上运行时,有谁知道为什么这个排序搞砸了?

        <ul>
         //loop over array of objects
          <li ng-repeat="(key, val) in content.types ">
            //if this object has more than 1 object in it
            <div ng-if="val.length === 1">
              //content goes inside list element
              <div ng-repeat="item in val">
                <h3>{{key}}</h3>
                <p>{{item.thing}}</p>
                <p>{{item.thingType}}</p>
              </div>
            </div>

          //otherwise make multiple nested list elements
            <div ng-if="val.length > 1">
              <h3>{{key}}</h3>

              <ul>
                <li ng-repeat="item in val">

                  <p>{{item.thing}}</p>
                  <p>{{item.thingType}}</p>
                </li>
              </ul>
            </div>
          </li>
        </ul>

0 个答案:

没有答案