使用AngularJS在JSON對象中選擇精確數據的值

當前新的&使用Nginx serv在使用AngularJS的Web應用程序上工作。使用AngularJS在JSON對象中選擇精確數據的值

我想選擇一些精確的值，把它們放在一個html表格中。

我一直在尋找，從來沒有找到一個合適的解決方案。

你有什麼想法可以使這項工作？

下面的代碼：

<!DOCTYPE html> 
<html> 
    <head> 
     <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script> 
     <script> 
     var app = angular.module('app', []); 
     app.controller('myCtrl', function($scope, $http) { 
      $http.get('variables.json').success(function(data) { 
       $scope.variables = data; 
      }); 
     }); 
     </script> 
    <link rel="stylesheet" type="text/css" href="../app/css/style.css"> 
    </head> 
    <body ng-app="app" ng-controller="myCtrl" ng-init="variables"> 
     <ul> 
     <li ng-repeat="var in variables"> 
      {{var.b}} 
      {{var.a}} 
     </li> 
     </ul> 
    </body> 
</html>

JSON文件：

{ 
    "a":6084.0, 
    "b":979 
}

我只是把JSON文件的一個例子。我的目的是顯示例如只是b或值。

來源

2016-11-22 Matieu

您可以閱讀$變量和顯示值（鍵，值）。

<ul> 
    <li ng-repeat="(key,value) in variables"> 
     {{key}}:{{value}} 
    </li> 
    </ul>

演示鏈接 https://plnkr.co/edit/nTUOvyMHcDRdtSzyecLw?p=preview

來源

2016-11-22 14:51:48

THX，但在這裏它會顯示所有的值嗎？如果我只想顯示b（979）的值？例如在Java中，我將解析JSON文件，獲取b的值並將其放入一個變量中，以便稍後使用它。在這裏我想分開這些值，這樣我就可以構建一個html表並按照我的意願進行組織。我不知道它是否可以用Angular實現... – Matieu

如果你只需要變量的「b」值，就可以直接使用{{variables.b}}進行訪問。否則，你必須改變你的JSON格式。 –

我以前見過，但是當我這樣做時，我實際上沒有任何反應，沒有控制檯錯誤，但沒有顯示在我的表格中。 {{var.b}}如果語法錯誤，控制檯會對我大喊大叫？ – Matieu

只有當你的json中的數據是數組時，ng-repeat才起作用因爲數據是Object，所以它不會找到任何元素，所以它不會顯示數值。

變化的Json如下：

[{ 
    "a":6084.0, 
    "b":979 
}]

來源

2016-11-22 14:39:10 Dev

該指令ngRepeat處理對象，如果使用的語法如下：

<div ng-repeat="(key, value) in myObj"> ... </div>

來源

2016-11-22 14:54:14

使用AngularJS在JSON對象中選擇精確數據的值

回答

相關問題