AngularJS-无法检索json元素

AngularJS - Not able to retrieve a json element

本文关键字:json 元素 检索 AngularJS-      更新时间:2023-09-26

在我的angular web应用程序中,我试图检索一个json元素(consolidationScopeId),但它打印为未定义。

$scope.consolidationScopeChanged = function(consolidationScope) {
console.log("consolidationScope : " +consolidationScope);
 console.log("consolidationScope : " +$scope.reportType.consolidationScope);
console.log("consolidationScope.consolidationScopeId : " +$scope.reportType.consolidationScope.consolidationScopeId);

}

我已经用控制台记录了它。log…

Plunker:

https://plnkr.co/edit/CRypbp6AIXEAYbeJupoh?p=preview

您的数据在模型中设置为字符串。

试试这个

 console.log(JSON.parse(consolidationScope).frequencies);

DEMO

相反,使用ngOptions,他会为您绘制

像这个

<select id="Select2" class="form-control" ng-model="reportType.consolidationScopeCode" data-ng-options="conScopeFreqStartDates as conScopeFreqStartDates.consolidationScopeLabel  for conScopeFreqStartDates in conScopeFreqStartDates" ng-change="consolidationScopeChanged(reportType.consolidationScopeCode)">
      <option value=""></option>
</select>

JS-

  $scope.consolidationScopeChanged = function(consolidationScope) {
    console.log(consolidationScope.frequencies);
  }

DEMO

请使用json.parse 解析您的json对象

  $scope.consolidationScopeChanged = function(consolidationScope) {
    console.log(JSON.parse(consolidationScope).frequencies);
  }