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

我正在用Ionicframework和AngularJS制作一个简单的购物清单应用程序。现在我有app.js文件和external.js文件：

app.js

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

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

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

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

shoppingList.js

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

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

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

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

我正在尝试在shoppingList.js文件中使用Ionic Popup service（），我正在考虑如何做到这一点。我可以这样将$ionicPopup传递给shoppingList吗：

$scope.shoppingList=新shoppingList（$ionicPopup）

这是做这样的应用程序的好方法，还是使用服务更好？
shoppingList
服务更有意义，管理依赖注入也更简单。
shoppingList
服务更有意义，管理依赖注入也更简单。