Question

我试图获取JSON数据并将其填充到网格中，但发现OnsenUI使用ons-col和ons-row而没有网格标记。所以我使用了一个教程示例Link here并按照下面的编辑进行了编辑，认为它会起作用，但作为一个新手我错了

（摘录1）

<ons-row style="margin-top: 100px;" ng-controller="myController" ng-repeat="x in names">
<ons-col align="center">
{{x.Name}}
</ons-col>
<ons-col align="center">
{{x.Country}}
</ons-col>
</ons-row>

（摘录2）

<script>
 module.controller('myController', myController);
 function myController($scope,$http) {
      $http.get("http://www.w3schools.com//website/Customers_JSON.php")
      .success(function(response) {$scope.names = response;});
 }
</script>

我真正需要的是在一列中显示名称，在另一列中显示国家/地区。任何帮助，将不胜感激。谢谢。

Answer 1

您在注册控制器后定义了该功能，因此您将未定义的值传递给controller()。

module.controller('myController', function($scope,$http) {
      $http.get("http://www.w3schools.com//website/Customers_JSON.php")
      .success(function(response) {$scope.names = response;});
});

http://codepen.io/argelius/pen/xbOjwB

使用Onsen-UI框架的网格中的JSON数据

1 个答案: