$ HTTP GET的角的js

結果頁面是空的，不顯示任何數據

js文件包含：

var Movies = angular.module('Movies', []); 
Movies.controller('MoviesController',['$scope', '$http', function  
($scope, $http) { 
    $http.get('http://localhost:19290/CinemaAngularJs/JS/data.json') 
    .success(function (data) { 
     $scope.Movies = data.Movs; 
    }) 
    .error(function (data) { 
     alert("Error occur"); 
    }); 
}]);

Data.json文件包含：

"Movs":[ 
{ 
    "name":"Mision Impossible", 
    "img":"mi", 
    "year":"2012", 
    "short":"Mision Impossible 2012 Mision Impossible 2012Mision Impossible 
2012 Mision Impossible 2012", 
    "description":"Mision Impossible 2012 Mision Impossible 2012Mision 
}, 
{ 
............. 
}]

HTML文件包含：

<html xmlns="http://www.w3.org/1999/xhtml" ng-app="Movies"> 
<head runat="server"> 
    <title></title>  
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/2.0.0-beta.1/angular2.min.js"></script> 
    <script src="angular.min.js"></script> 
    <script src="JS/controller.js"></script> 
</head> 
<body> 
    <form id="form1" runat="server"> 
    <div ng-controller="MoviesController"> 
     <ul class="large-block-grid-4 small-block-grid-2"> 
     <li ng-repeat="mov in Movies"> 
      <h2>name : {{mov.name}}</h2> 
      <img ng-src="Img/{{mov.img}}.jpg" alt="Image Here" /> 
      <h3>year : {{mov.year}}</h3> 
      <h3>year : {{mov.short}}</h3> 
      <h3>year : {{mov.description}}</h3> 
     </li> 
     </ul> 
    </div> 
    </form> 
</body> 
</html>

什麼是Err或代碼？我該怎麼做才能運行代碼？

來源

2016-02-11 Omar Seleim

在你的問題中帶一點*自豪感。清理它，我們會提供幫助。 – Nix

代碼沒有什麼問題（但是我在1.4和2.0版本中運行它）http://jsfiddle.net/ncapito/zsj835mc/2/我建議你看看你的數據並確保它返回正確。 – Nix

請console.log（數據）並檢查它。有效的JSON對象或JSON字符串？我認爲我們需要：

$http.get('http://localhost:19290/CinemaAngularJs/JS/data.json').success(function (data) { 
    var temp =JSON.parse(data); 
    $scope.Movies = temp.Movs; 
    }) 
    .error(function (data) { 
     alert("Error occur"); 
    });

來源

2016-02-11 12:41:30

我也沒有任何結果「空白頁」 –

在瀏覽器中按下F12鍵運行該開發工具。您是否在控制檯窗口中顯示任何錯誤消息？

這會告訴你語法中的任何錯誤......但不是你的邏輯！

更新：您的JSON無效。嘗試將其粘貼到www.jsoneditoronline.org以親自查看。

你可以改變你的JSON到：

{ 
"Movs": [{ 
    "name": "Mision Impossible", 
    "img": "mi", 
    "year": "2012", 
    "short": "Mision Impossible 2012 Mision Impossible 2012Mision Impossible 2012 Mision Impossible 2012", 
    "description": "Mision Impossible 2012 Mision Impossible 2012Mision" 
}] 
}

來源

2016-02-11 13:00:15

當運行代碼並在瀏覽器控制檯窗口中按F12是空的「沒有錯誤」 –

然後代碼沒有任何錯誤。你正在加載的文件怎麼樣？你知道該應用是否正在閱讀嗎？ –

頁面無法讀取json文件我想知道爲什麼？我想在html頁面中查看json文件。 –

你JSON是無效的，你可以試試：

{ 
 
\t "Movs": [{ 
 
\t \t "name": "Mision Impossible", 
 
\t \t "img": "mi", 
 
\t \t "year": "2012", 
 
\t \t "short": "Mision Impossible 2012 Mision Impossible 2012Mision Impossible 2012 Mision Impossible 2012", 
 
\t \t "description": "Mision Impossible 2012 Mision Impossible 2012Mision" 
 
\t }] 
 
}

我有驗證這一代碼，它的確定。

您的角碼正確，但您可以驗證結果是否包含任何數據並顯示警告。只是一個建議。

來源

2016-02-11 13:06:30 RPichioli

$ HTTP GET的角的js

回答

相關問題