Question

我有一个嵌套的JSON文件，用于跟踪工作站，并且每个坦克都有嵌套的字段。

我试图让用户首先选择他们想要查看信息的加油站，然后从角度加载该站信息到UI网格表中。如果可能，我们非常感谢代码示例

Answer 1

使用$scope.selected

与ui-grid数据绑定选择

$scope.tankInfo = [];
    $scope.selected;

    $scope.onChange = function(){
      $scope.gridOptions.data = $scope.tankInfo[$scope.selected];
    };

    $scope.initLoad = function () {
      $http.get('tankInfo.json').success(function (data) {
            $scope.selected = "Gas Station 1";
            $scope.tankInfo = data;
            $scope.gridOptions.data = $scope.tankInfo[$scope.selected];
        });
    }

和你的选择：

  <select id="station" ng-model="selected"  ng-change="onChange()"
          ng-options="key as key for (key, value) in tankInfo"
   ></select>

Demo Plunker

使用Angular将嵌套的JSON文件加载到UI网格表中

1 个答案: