Question

目前新的＆amp;使用AngularJS在Web应用程序上工作，使用Nginx serv。

我想选择一些精确的值将它们放在一个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或值。

Answer 1

您可以在$ variables和显示值中读取（键，值）。

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

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

Answer 2

ng-repeat仅在json中的数据为Array时才有效。由于数据是Object，因此它不会找到任何元素，因此它不会显示值。

更改Json如下：

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

Answer 3

如果使用以下语法，则指令ngRepeat适用于对象：

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

使用AngularJS在JSON对象中选择精确数据的值

3 个答案: