$ 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 ors в коде? Что мне делать, чтобы запустить код?

источник

2016-02-11 Omar Seleim

Возьмите * небольшую гордость в своем вопросе. Очистите его, и мы поможем. – Nix

В коде нет ничего плохого (но я запустил его в угловом 1.4 vs 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 в вашем браузере. Вы показываете сообщения об ошибках в окне консоли?

Это покажет вам любые ошибки в синтаксисе ... но не вашу логику!

UPDATE: Ваш 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-файл, я хочу знать почему? и я хочу просмотреть json-файл на странице html. –

Ваш 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

ответ

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