在外部.js文件中使用$ ionicPopup

Question

我正在使用Ionicframework和AngularJS创建一个简单的购物清单应用程序。现在我有app.js文件和外部.js文件：

app.js

var app = angular.module('shoppingList', ['ionic']);

app.controller('mainController', function($scope, $ionicPopup) {
    $scope.shoppingList = new shoppingList();
})

shoppingList.js

function shoppingList(ionicListDelegate) {
    this.items = [];
}

shoppingList.prototype.addItem(item) {
    this.items.push(item);
}

我正在尝试在shoppingList.js文件中使用Ionic Popup服务（http://ionicframework.com/docs/api/service/$ionicPopup/），我正在考虑如何做到这一点。我可以将$ ionicPopup传递给shoppingList，如下所示：$scope.shoppingList = new shoppingList($ionicPopup);？

这是做这样的应用程序的好方法，还是使用服务更好？