如何正确地将Firebase中的数据读入我的Ionic应用程序？

Question

我的目标是在联合使用Firebase和AngularJS的同时在Ionic应用程序的页面上显示一些信息。

我在将数据从data.json文件保存到Firebase数据库时遇到问题。

所以在下面，我试图制作一个最小的例子：

我在index.html中包含了相关的Firebase，AngularFire脚本。

我的app.js文件链接到controller.js文件，如下所示：

angular.module('starter', ['ionic', 'starter.controllers', 'firebase'])

在第一段代码中，我的数据存储在data.json文件中，并正确显示在页面上。这是我的controllers.js文件。这里的一切都按预期工作。

   angular.module('starter.controllers', [])

    .controller('ListController', ['$scope', '$http', '$state', function($scope, $http, $state){
        $http.get('js/data.json').success(function(data) {
            $scope.artists = data.artists;

        });
    }]);

当我尝试使用已成功存储在我的Firebase中的数据重新创建此内容时，当我查看应用页面时看不到任何内容 - 此部分信息完全空白。我是否过于简化了事情？         angular.module（'starter.controllers'，[]）

    .controller('ListController', ['$scope', '$firebaseObject', '$firebaseArray', function($scope, $firebaseObject, $firebaseArray) {

        var ref = new Firebase('https://myapp.firebaseio.com/myentity');    
        $scope.artists = $firebaseArray(ref);

    }]);

我已经看到了一些解决方案，然而，它们对我来说似乎都很复杂，但说实话，我不知道我想要做的事情是否比我想象的要困难。

任何有用的东西都会受到赞赏。