Angularjs 为什么表头单击事件不起作用?

Angularjs 为什么表头单击事件不起作用?,angularjs,angularjs-directive,angularjs-scope,ionic-framework,angularjs-ng-repeat,Angularjs,Angularjs Directive,Angularjs Scope,Ionic Framework,Angularjs Ng Repeat,我正在尝试使用列标题的单击事件对我的列进行排序。我正在使用angular js框架,使用filterorderBy。我看到了一个工作正常的示例,即在列标题的单击时对列进行排序 我用上面的例子做了一个简单的演示,尝试在标题点击时对我的列进行排序 当我点击标题时,它会提醒我索引,反向参数和图像也会改变,但列没有排序 我们可以像上面的例子那样使用标题点击对列进行排序吗 这是我的密码 请单击任何列标题并查看警报,但列未排序为什么? 请增加plunker的输出窗口屏幕以查看输出 <header-

我正在尝试使用列标题的单击事件对我的列进行排序。我正在使用angular js框架,使用filterorderBy。我看到了一个工作正常的示例,即在列标题的单击时对列进行排序

我用上面的例子做了一个简单的演示,尝试在标题点击时对我的列进行排序 当我点击标题时,它会提醒我索引,反向参数和图像也会改变,但列没有排序 我们可以像上面的例子那样使用标题点击对列进行排序吗 这是我的密码

请单击任何列标题并查看警报,但列未排序为什么? 请增加plunker的输出窗口屏幕以查看输出

<header-row ng-transclude class="row rowclassheaderClass" style="padding-bottom:1%">
    <div class="col brd text-center brdleft_right gray-20 collapse-sm columnCss"
         ng-repeat="d in invoice_column_name | filter:{checked: true}">
        <sort-header label="{{d.label|uppercase}}" index="{{d.index}}"
                     sort-exp="setSort(idx, reverse)"></sort-header>
    </div>
    <div class="col col-10 text-center brd gray-20" ng-click="openSettingPopover($event)">
        <button class="button-icon icon ion-ios-more fntandbg"></button>
    </div>
</header-row>


有什么更新吗?

你似乎在试图重新发明轮子。有一个肮脏的东西直接嵌入到角落里

看看

特别是第一个基本概述示例和第二个示例(我已在下面的代码示例中概述),它完全实现了您试图实现的目标,但代码要少得多


()
{{friend.name}
{{朋友.电话}
{{friend.age}

你似乎在试图重新发明轮子。有一个肮脏的东西直接嵌入到角落里

看看

特别是第一个基本概述示例和第二个示例(我已在下面的代码示例中概述),它完全实现了您试图实现的目标,但代码要少得多


()
{{friend.name}
{{朋友.电话}
{{friend.age}
<body ng-app="orderByExample">
  <div ng-controller="ExampleController">
  <table class="friend">
    <tr>
      <th><a href="" ng-click="reverse=false;order('name', false)">Name</a>
        (<a href="" ng-click="order('-name',false)">^</a>)</th>
      <th><a href="" ng-click="reverse=!reverse;order('phone', reverse)">Phone Number</a></th>
      <th><a href="" ng-click="reverse=!reverse;order('age',reverse)">Age</a></th>
    </tr>
    <tr ng-repeat="friend in friends">
      <td>{{friend.name}}</td>
      <td>{{friend.phone}}</td>
      <td>{{friend.age}}</td>
    </tr>
  </table>
</div>
</body>