Charger fichier JSON en utilisant AngularJS
Je viens de commencer l'apprentissage Angulaire et j'ai regardé sur DONC une solution pour charger un fichier JSON à l'aide angulaire et j'ai fait ce que d'autres personnes ont posté un solutions, mais je ne peux pas obtenir les données de mon fichier json à montrer pour une raison quelconque.
mon fichier json (test.json) est simple:
{
"array": [
{"thing": "thing1"},
{"thing": "thing2"},
{"thing": "thing3"}
],
"name": "robert"
}
c'est mon fichier js:
var myMod = angular.module("myMod", []);
myMod.controller("myCont", function ($scope, $http) {
$scope.thing = "hi";
$http.get("/test.json")
.success(function (data) {
$scope.stuff = data.array;
$scope.name = data.name;
})
.error(function (data) {
console.log("there was an error");
});
});
et j'essaie d'afficher uniquement le nom comme ça, mais seulement {{name}}
montre:
<html ng-app="myMod">
<head>
<script src="angular.js"></script>
<script src="testing.js"></script>
</head>
<body ng-controller="myCont">
{{stuff}}
</body>
</html>
qu'est-ce que votre réseau d'outils de spectacle?
Ajouter une console.journal de dans le .succès pour voir si elle est appelée
rien n'est apparu dans la console. l'erreur a été
de vérifier la réponse ajouté ci-dessous..
Ajouter une console.journal de dans le .succès pour voir si elle est appelée
rien n'est apparu dans la console. l'erreur a été
error: [$injector:unpr] Unknown provider: $htmlProvider <- $html <- myCont
de vérifier la réponse ajouté ci-dessous..
OriginalL'auteur winsticknova | 2016-06-24
Vous devez vous connecter pour publier un commentaire.
Je pense que vous avez eu de faute de frappe, vous devez injecter
$http
(responsable de faire un appel ajax) la dépendance au lieu de$html
(n'existe pas dans angulaire)Vous devez changer le code de cette façon.
à
$html
J'ai fait la correction dans votre code.
Je pense que vous avez manqué $html
mon mal, merci pour la correction, cheers 🙂
OriginalL'auteur Pankaj Parkar
Comme Pankaj Parkar a déclaré, $http est ce que vous avez besoin.
Ici est un plunker que j'ai créé avec: http://plnkr.co/edit/d0DDU29uitMcwK6qA7kx?p=preview
app.js fichier avec $http au lieu de $html:
OriginalL'auteur Michael H.
Si quelqu'un essayer c'est l'obtention de l'erreur:
Apparemment, la syntaxe a changé Angulaire >1.6. La accepté de répondre ici a une nouvelle syntaxe: $http.obtenir(...).le succès n'est pas une fonction
OriginalL'auteur Jeff