ng 开关不工作答案

【问题标题】：ng switch is not workingng 开关不工作
【发布时间】：2016-12-22 08:24:51
【问题描述】：

这是ng-repeat 显示的对象列表：

<tr ng-repeat="paymentinfo in paymentList | filter:keyword | filter:money | filter:getdate | filter:{state: archived.state}">
          <td>{{paymentinfo.date}}</td>
          <td ng-click="singlepage(paymentinfo.id)" ><a>{{paymentinfo.name}}</a> </td>
                  <td>
                      <div class="grey-flag remark-payment">
                          <div class="hover-remark">{{paymentinfo.remark}}</div>
                      </div>
                  </td>
          <td>$ {{paymentinfo.amount}}</td>
          <td id="outmouse">
              <ul  style="list-style: none;" class="gt-reset">
                <li class="dropdown changecoursename">
                    <a   class="dropdown-toggle" data-toggle="dropdown">
                        <span class="tableOperation norlmalstate">Open Course</span>
                    <span  class="tableOperation openedstate">more options</span>
                    <b class="caret"></b>
                </a>
                    <ul class="dropdown-menu">
                    <li><a class="tableOperation" ng-click="paymentRemarks()">Remarks</a></li>
                    <li><a class="tableOperation" ng-click="paymentReturn(paymentinfo)">Return</a></li>
                    <li >

                        <a  class="tableOperation" ng-click="paymentDelete(paymentinfo)">Delete</a>
                        <div ng-switch on="paymentinfo.archived">
                            <div ng-switch-when="archived">11</div>
                            <div ng-switch-default>222</div>
                            </div>
                    </li>

                </ul>
              </li>
          </ul>
          </td>
      </tr>

当对象有一个参数存档时我需要显示一个div，当对象有另一个参数时显示另一个

我尝试过这样做：

<div ng-switch on="paymentinfo.archived">
    <div ng-switch-when="archived">11</div>
    <div ng-switch-default>222</div>
</div>

但是我的代码有问题。

我的 JS

$scope.datas = [
    {date:'06-12-2016', name : 'Pinao Class', state: 'archived', remark : 'remarled', amount : 101, id : 21},
    {date:'15-04-2016', name : 'drivers Class', state: 'notarchived', remark : 'remarled', amount : 102, id : 22},
    {date:'24-03-2016', name : 'Airplane Class', state: 'archived', remark : 'remarled', amount : 103, id : 23},
    {date:'28-02-2016', name : 'burger Class', state: 'notarchived', remark : 'remarled', amount : 104, id : 24},
    {date:'28-02-2016', name : 'burger Class1', state: 'notarchived', remark : 'remarled', amount : 104, id : 241},
    {date:'28-02-2016', name : 'burger Class2', state: 'notarchived', remark : 'remarled', amount : 104, id : 2432},
    {date:'28-02-2016', name : 'burger Class3', state: 'notarchived', remark : 'remarled', amount : 104, id : 2342},
    {date:'28-02-2016', name : 'burger Class4', state: 'archived', remark : 'remarled', amount : 104, id : 2443},
    {date:'28-02-2016', name : 'burger Class5', state: 'archived', remark : 'remarled', amount : 104, id : 2243},
    {date:'28-02-2016', name : 'burger Class6', state: 'archived', remark : 'remarled', amount : 104, id : 2242}
];

$scope.paymentList = $scope.datas;

【问题讨论】：

"但是我的代码有问题。"那是什么东西？什么不工作？
11

222
之间的切换

标签： javascript angularjs switch-statement

【解决方案1】：

你需要改变你的开关变量：

<div ng-switch on="paymentinfo.state">
    <div ng-switch-when="archived">11</div>
    <div ng-switch-default>222</div>
</div>

因为您的 paymentInfo 对象没有键为“archieved”的元素。 ng-switch 将值 paymentinfo.state 与 ng-switch-when 语句中的值进行比较。

【讨论】：

【解决方案2】：

您需要使用paymentinfo.state 而不是paymentinfo.archived

下面是ng-switch 的示例：JS Fiddle ng-switch

【讨论】：