0

如何在父范围内反映 orderby？此外，我已经尝试使用原型继承，但没有成功，使用 sortorder.val 作为 ng-model。帮助？

<body ng-controller="parentCtrl">
   <table style="width:300px">
      <tr>
        <td>Name</td>
        <td>Age</td>      
      </tr>
      <tr ng-repeat="contact in contacts | orderBy:sortorder">
        <td>{{contact.name}}</td>     
        <td>{{contact.age}}</td>
      </tr>
  </table> 
  <br/>
<div ng-controller="childCtrl">
  Order By:
  <select ng-model="sortorder">
      <option selected value="name">Name</option>
      <option value="age">Age</option>
  </select>
</div>  
</body>

var app = angular.module('plunker', []);
app.controller('parentCtrl', ['$scope', function ($scope) {
$scope.sortorder = ['name'];
$scope.contacts = [
    {name: 'Alfred', age: 37},
    {name: 'Allan', age: 21},
    {name: 'Dimmi', age: 17},
    {name: 'Berta', age: 65},
    {name: 'Chris', age: 25},
    {name: 'Dora', age: 12}
];
app.controller('chilCtrl', function($scope) {

});
}]);

Plunk：http ://plnkr.co/edit/bXGyund8v78Tal7lZ76O?p=preview

4

1 回答 1

1

您的代码中有几个错误，由浏览器控制台发出信号：

  • 子控制器在父控制器中声明：在浏览器控制台中发出信号
  • 它被声明为 chilController 而不是 childController: 在浏览器控制台中发出信号
  • 它使用其范围的属性而不是使用在父范围中声明的对象的属性

这是一个有效的 plunkr：http ://plnkr.co/edit/KhOpx4nwezXHRAZr3nOl?p=info

var app = angular.module('plunker', []);
app.controller('parentCtrl', ['$scope', function ($scope) {
  $scope.order = {
    sortorder: 'name'
  };
  $scope.contacts = [
    {name: 'Alfred', age: 37},
    {name: 'Allan', age: 21},
    {name: 'Dimmi', age: 17},
    {name: 'Berta', age: 65},
    {name: 'Chris', age: 25},
    {name: 'Dora', age: 12}
    ];
}]);
app.controller('childCtrl', function($scope) {

});

在视图中：

<tr ng-repeat="contact in contacts | orderBy:order.sortorder">
...
<select ng-model="order.sortorder">
于 2014-07-07T19:39:10.033 回答