Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs Ionic/angular未从api读取json数据_Angularjs_Json - Fatal编程技术网

Angularjs Ionic/angular未从api读取json数据

Angularjs Ionic/angular未从api读取json数据,angularjs,json,Angularjs,Json,我无法查看和获取数据,并且数据无法显示 这是控制器代码 角度模块(“胶片模块”) .控制器(“胶片控制器”,功能($scope,Film){ 模型: 角度模块(“胶片模型”,[]) .工厂(“胶片”,功能(){ }) 这是html: {{film.title} 您将“Title”定义为“Title”而将其用作属性。JavaScript属性区分大小写。尝试更改它,看看是否有效。您最初在哪里调用initView()?当然不仅仅是从initView()内部附加的侦听器@Antiga我认为缩进有

我无法查看和获取数据,并且数据无法显示

这是控制器代码

角度模块(“胶片模块”)

.控制器(“胶片控制器”,功能($scope,Film){

模型:

角度模块(“胶片模型”,[])

.工厂(“胶片”,功能(){

})

这是html:


{{film.title}

您将“Title”定义为“Title”而将其用作属性。JavaScript属性区分大小写。尝试更改它,看看是否有效。

您最初在哪里调用
initView()
?当然不仅仅是从
initView()内部附加的侦听器
@Antiga我认为缩进有问题,但是$scope.on在外面initView@Sid,啊,很公平。我正在做一个教程,crohme上的控制台没有显示任何错误。你需要我添加另一个文件吗?initView只在这些文件中。@Sid很抱歉缩进。。我是一个乞丐
var initView = function(){

    var film1 = Film.build({"Title":"The Martian","Year":"2015","Rated":"PG-13","Released":"02 Oct 2015","Runtime":"144 min","Genre":"Adventure, Drama, Sci-Fi","Director":"Ridley Scott","Writer":"Drew Goddard (screenplay), Andy Weir (book)","Actors":"Matt Damon, Jessica Chastain, Kristen Wiig, Jeff Daniels","Plot":"During a manned mission to Mars, Astronaut Mark Watney is presumed dead after a fierce storm and left behind by his crew. But Watney has survived and finds himself stranded and alone on the hostile planet. With only meager supplies, he must draw upon his ingenuity, wit and spirit to subsist and find a way to signal to Earth that he is alive.","Language":"English, Mandarin","Country":"USA, UK","Awards":"Nominated for 7 Oscars. Another 31 wins & 161 nominations.","Poster":"http://ia.media-imdb.com/images/M/MV5BMTc2MTQ3MDA1Nl5BMl5BanBnXkFtZTgwODA3OTI4NjE@._V1_SX300.jpg","Metascore":"80","imdbRating":"8.1","imdbVotes":"383,169","imdbID":"tt3659388","Type":"movie","Response":"True"});

    var film2 = Film.build({"Title":"Inception","Year":"2010","Rated":"PG-13","Released":"16 Jul 2010","Runtime":"148 min","Genre":"Action, Mystery, Sci-Fi","Director":"Christopher Nolan","Writer":"Christopher Nolan","Actors":"Leonardo DiCaprio, Joseph Gordon-Levitt, Ellen Page, Tom Hardy","Plot":"A thief, who steals corporate secrets through use of dream-sharing technology, is given the inverse task of planting an idea into the mind of a CEO.","Language":"English, Japanese, French","Country":"USA, UK","Awards":"Won 4 Oscars. Another 139 wins & 192 nominations.","Poster":"http://ia.media-imdb.com/images/M/MV5BMjAxMzY3NjcxNF5BMl5BanBnXkFtZTcwNTI5OTM0Mw@@._V1_SX300.jpg","Metascore":"74","imdbRating":"8.8","imdbVotes":"1,405,608","imdbID":"tt1375666","Type":"movie","Response":"True"});

            $scope.films = [film1, film2];
    };

    $scope.$on("$ionicView.loaded", function(){

        initView();
    });
});
    function Film(title,year, runtime, director,actors, plot,poster,imdbRating) {

        this.title = title;
        this.year = year;
        this.runtime = runtime;
        this.director = director;
        this.actors = actors;
        this.plot = plot;
        this.poster = poster;
        this.imdbRating = imdbRating;

    }

    Film.build = function(data){

        if (!data)
        return null;
        return new Film(data.title,data.year,data.runtime, data.director, data.actors, data.plot, data.poster, data.imdbRating);

    }
    Film.prototype.toJson = function(){

        return angular.toJson(this);

    }
    Film.fromJsonBunch = function(data){
        if (angular.isArray(data)){
            return data.map(Film.build).filter(Boolean);
      }    
      return Film.build(data);
    }

    return Film;
    <ion-list>
        <ion-item ui-sref="app.films-details" ng-repeat="film in films">{{film.title}}</ion-item>

    </ion-list> 
</ion-content>