Onsen-UI 프레임 워크를 사용하여 그리드의 JSON 데이터

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