無法使用angularjs從json文件獲取數據

Question

這是我的HTML文件和JS文件，我沒有從JSON文件到html文件的任何數據。下面有HTML文件和JS文件：

<!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
        }

]

請給我這個程序的輸出

提前致謝

Answer 1

這是您正在嘗試做的工作總結：

調節器

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>

無法使用angularjs從json文件獲取數據

問題描述

1 個解決方案

解決方案1
1 已采納 2015-08-04 18:07:31

無法使用angularjs從json文件獲取數據

問題描述

1 個解決方案

解決方案1 1 已采納 2015-08-04 18:07:31

解決方案1
1 已采納 2015-08-04 18:07:31