使用json数据掌握离子的细节

时间:2016-11-08 00:53:58

标签: angularjs json mobile ionic-framework

我使用离子v1并尝试创建列表及其自己的详细信息,但是当我点击项目列表时,详细信息视图不会显示所选项目的数据。

工厂

.controller('EventosCtrl', function($scope, $stateParams, Eventos) { 

    Eventos.all().then(function(eventos) {
        $scope.eventos = eventos.data; 
    });  
})

.controller('EventoCtrl', function($scope, $stateParams, Eventos) { 

    $scope.evento = Eventos.get($stateParams.eventoId);
}

控制器

render()

但是,如果我在代码中使用静态数据,这可行,但我不知道这里有什么不对。

1 个答案:

答案 0 :(得分:0)

如果您没有运行任何类型的网络服务器而只是使用file://index.html进行测试,那么您可能会遇到同源策略问题。

许多浏览器不允许本地托管文件访问其他本地托管文件。

尝试将您的数据作为对象引用

var obj = {list:null};

$http.get('data.json').success(function(data) {
    // you can do some processing here
    obj.list = data;
});    

return obj;