在Angular项目中迭代JSON响应，以创建我可以在应用程序中使用的新$范围obj

Question

JSON:

[{
    "SHFUserID": "400",
    "Status": "2",
    "Ticker": "DPAX",
    "TickerID": "4512",
    "TotalBought": "6300.000000",
    "TotalSold": "4200.000000",
    "TotalSharesNow": "23500.000000"
},
{
    "SHFUserID": "400",
    "Status": null,
    "Ticker": "DPAX",
    "TickerID": "4512",
    "TotalBought": "70500.000000",
    "TotalSold": "47000.000000",
    "TotalSharesNow": "45000.000000"
},
{
    "SHFUserID": "400",
    "Status": null,
    "Ticker": "ONP",        
    "TickerID": "10190",
    "TotalBought": "1175.000000",
    "TotalSold": "1645.000000",
    "TotalSharesNow": "-470.000000"
}]

我试图迭代Json来创建一个新的obj，它只包含唯一的TickerID，但如果记录状态分别为1或2，它仍然填充“待定”或“已解决”值。

新的目标{"ticker"："Ticker"，"tickerId"："TickerID"，"待定"： 0或1，"已解决"： 0或1}

基于示例数据的预期结果：{“ticker”：“DPAX”，“tickerId”：4512，“待定”：0，“已解决”：1}，{“ticker”：“ONP”，“tickerId”：10190，“待定”：0，“已解决”：0}

javascript代码位于控制器中。js文件在一个有角度的项目中。无论我使用什么代码来迭代现有的JSON，我都会返回一个空数组。我试过for循环，for in循环，当我运行一个简单的股票代码时。现有JSON上的length函数返回0？？

控制器。js:

function TickerListCtrl($scope, Ticker) {

var ticker = [];

ticker = Ticker.query();

$scope.tickers = ticker;

$scope.tickerMenu = ticker.length;  

...
}

资源js

angular.module('tickerServices', ['ngResource']).
  factory('Ticker', function($resource){
    return $resource('http:........../Rest/tickers.php', {}, {
      query: {method:'GET', params:{UserID:400}, isArray:true}
  });
});

应用程序。js

 angular.module('tickercat', ['tickercatFilters', 'tickerServices']).
 config(['$routeProvider', function($routeProvider) {
 $routeProvider.

  when('/tickers', {templateUrl: 'partials/tickers-list.html',   controller: TickerListCtrl}).

  otherwise({redirectTo: '/tickers'});
}]);

股票行情表。html:

...
    <div class="span3">
  <!--Sidebar content-->

  ...

  <ul class="tickerList">
    <li ng-repeat="ticker in tickers | filter:query | orderBy:orderProp">
      <a href="#/ticker/{{ticker.TickerID}}">{{ticker.Ticker}}</a>
      <p>{{ticker.Status}}</p>
    </li>
  </ul>
{{tickerMenu}}
</div>

浏览器按预期输出“tickerList”，但{{tickerMenu}}返回0。不知道我错过了什么。

Answer 1

答案是创建一个定制。滤器

所以：ticker in tickers | myCustomFilter

http://docs.angularjs.org/guide/dev_guide.templates.filters

Answer 2

这难道不是因为您有针对UL元素的控制器，而是在关闭UL后调用tickerMenu作用域属性吗？