Данные не получают от JSon файла с помощью angularjs

Вот мой HTML файл и JS файл Я не получаю никаких данных от файла JSON в HTML файл Ниже у меня есть HTML-файлы и JS файлы:Данные не получают от JSon файла с помощью angularjs

<!Doctype html> 
    <html ng-app> 
    <head> 
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.1/angular.min.js"></script> 
    <script type="text/javascript"> 
     alert("c"); 
function imagecontroller($http,$scope){ 
    alert("cd"); 
    $http.get('ytdata.json').success(function(ytdata) { 
     alert("cdscdsc"); 
       $scope.data = ytdata; 
    }); 
} 
    </script> 
<style type="text/css"> 
     li{list-style:none;float:left;padding:20px;} 
    a{text-decoration:none;} 
</style> 
</head> 
      <body> 
    <div ng-controller="imagecontroller"> 
    <ul> 
    <li ng-repeat="datum in data"> 
       <a> 
      <img ng-src="{{datum.thumbUrl}}"/> 
        <br />Id : {{datum.id}} 
         <br />Purchase : {{datum.Purchase}} 
     </a> 
    </li> 
</ul> 
</div> 
    </body> 
    </html>

Это мой файл в формате JSON:

[ 
     { 
      "id":"mobile.jpg", 
      "thumbUrl":"image url", 
      "Purchase":20000 
     }, 
     { 
      "id":"pendrive.jpg", 
      "thumbUrl":"image url", 
      "Purchase":400 
     }, 
     { 
      "id":"laptop.jpg", 
      "thumbUrl":"image url", 
      "Purchase":3833 
     } 

]

Пожалуйста, принеси мне выход для этой программы

Спасибо заранее

источник

2015-08-04 John

вы никогда не сказать ему, чтобы запустить функцию ... – code

Here is a working plunker of what you are trying to do:

Контроллер

app.controller('MainCtrl', function($scope, $http) { 
    $scope.data = null; 
    $http.get("data.json").success(function (data) { 
    $scope.data = data; 
    }); 
});

Посмотреть

<body ng-controller="MainCtrl"> 
    <ul> 
    <li ng-repeat="datum in data"> 
     <a> 
     <img ng-src="{{datum.thumbUrl}}" /> 
     <br />Id : {{datum.id}} 
     <br />Purchase : {{datum.Purchase}} 
     </a> 
    </li> 
    </ul> 
</body>

источник

2015-08-04 18:07:31

РМКО имея тот же код в моем локальном хосте, но это не – John

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

На самом деле мое имя контроллера «Imagecontroller» Я применил его в своем html-файле и файле js – John

Данные не получают от JSon файла с помощью angularjs

ответ

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