angularjs - ngrepeat 不迭代 $ 属性

Question

我尝试使用一个对象进行过滤，并通过对象中的 ng-repeat = (key, value) 打印出过滤器。

因为我尝试了各种 filters ，我看到 ng-repeat 似乎不适用于对象的 $ 属性，这在过滤时非常有用。

即使你使用$

是否有可能自动显示过滤对象的所有属性

This link显示它似乎不适用于以 $

开头的对象

  $scope.testObj = {};

  $scope.testObj.test = 'test';
  $scope.testObj.$ = '$';
  $scope.testObj.$test = '$test';

  <div ng-repeat = "(key, value) in testObj">
    <p>{{key}}: {{value}}</p>
  </div>

Answer 1

AngularJS 还不支持它。有一个 open issue on Github .

但是你可以用一些代码让它工作:

app.controller('MainCtrl', function($scope) {

  var getProperties = function(input){
     var result = [];

     for(var propertyName in input) {
       result.push({key : propertyName, value : input[propertyName]});
     }

    return result;
  };


  $scope.testObj = {};
  $scope.testObj.test = 'test';
  $scope.testObj.$ = '$';
  $scope.testObj.$whatever = '$whatever';

  $scope.testObjProperties = getProperties($scope.testObj);

});

然后在你的 View 中显示它:

<div ng-repeat="property in testObjProperties">
    <p>{{property.key}} : {{property.value}}</p>
</div>

这是一个有效的代码:http://plnkr.co/edit/LFrfLcpoOg0ScEY89p25?p=preview