javascript – 使用AngularJS加载JSON文件

发布时间：2020-12-14 22:37:01 所属栏目：资源来源：网络整理

导读：我刚刚开始学习Angular并且我已经在SO上寻找使用angular加载JSON文件的解决方案,我已经完成了其他人发布的解决方案,但我无法从我的json文件中获取数据以显示某些原因. 我的json文件(test.json)很简单： { "array": [ {"thing": "thing1"},{"thing": "thing2"

我刚刚开始学习Angular并且我已经在SO上寻找使用angular加载JSON文件的解决方案,我已经完成了其他人发布的解决方案,但我无法从我的json文件中获取数据以显示某些原因.

我的json文件(test.json)很简单：

{
    "array": [
        {"thing": "thing1"},{"thing": "thing2"},{"thing": "thing3"}
    ],"name": "robert"
}

这是我的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");
            });
});

我试图只显示这样的名称,但只有{{name}}显示：


最佳答案
我认为你有拼写错误,你应该注入$http(负责制作一个ajax调用)依赖而不是$html(在角度中不存在)
你应该这样改变代码.

myMod.controller("myCont",$html) {

至

myMod.controller("myCont",$http) {


                        （编辑：李大同）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!