ИОННЫЙ: загрузка ListView из JSON массива

Это мой HTML код:ИОННЫЙ: загрузка ListView из JSON массива

<!DOCTYPE html> 
<html ng-app="starter"> 
    <head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> 
    <title>Ionic List Directive</title> 
    <link href="lib/ionic/css/ionic.css" rel="stylesheet"> 
    <link href="css/style.css" rel="stylesheet"> 

    <script src="lib/ionic/js/ionic.bundle.js"></script> 
    <script src="cordova.js"></script> 
    <script src="js/app.js"></script> 
    <script src="js/jsonCntrl.js"></script> 
    </head> 

    <body ng-controller="myCntrl"> 

    <ion-header-bar class="bar-positive"> 
     <h1 class="title">Items List</h1> 
    </ion-header-bar> 

    <ion-content> 
     <ion-list > 
     <ion-item ng-repeat="item in myData"> 
      {{ item.Name }} 
     </ion-item> 

     </ion-list> 
    </ion-content> 

    </body> 
</html>

Это мой контроллер Код:

angular.module('starter', []).controller('myCntrl', function($scope,$http) { 
    $http.get("http://www.w3schools.com/angular/customers.php").then(function(response){ 
        $scope.myData = response.data.records; 
     }); 
});

Я не получаю представление списка вместо что-то вроде этого

List response Link

Но когда я использую тот же код для заполнения данных из массива, он хорошо работает.

источник

2016-03-10 Krrish Krishna

добавьте свой JSON. –

Попробуйте это:

angular.module('starter', []).controller('myCntrl', function($scope,$http) { 
    $http 
     .get("http://www.w3schools.com/angular/customers.php") 
     .then(function(response) { 
      $scope.myData = angular.fromJson(response.data.records); 
    }); 
});

источник

2016-03-10 09:33:18 aluknot

Используйте один и тот же код, который вы имеете и проверить стили .item класса в ionic.css файле с линией 5646 еще переопределить этот класс с ниже стиле

border-color: #ddd; 
background-color: #fff; 
color: #444; 
position: relative; 
z-index: 2; 
display: block; 
margin: -1px; 
padding: 16px; 
border-width: 1px; 
border-style: solid; 
font-size: 16px;

источник

2016-03-10 05:50:29 madhi

, когда я изменяю. Then to .success его даже не загружая массив JSON, показывая пустой экран –

, я проверил с тем же вызовом API и смог получить список по вашему желанию. Проверьте контроллер еще раз. – madhi

ИОННЫЙ: загрузка ListView из JSON массива

ответ

Смежные вопросы