Как обеспечить API для вашей угловой директивы?

До сих пор я разрабатывал виджеты в javascript без AngularJS. Подход всегда один и тот же: виджет предоставляет API, который позволяет клиентам изменять его из любой части приложения. Этот подход не изменился, но теперь мне нужно использовать AngularJS. У меня есть хотя в следующем решении, и я хотел бы знать ваши варианты:

angular.module("app", ["myCustomWidget"])

.controller("MainCtrl", ["$scope", "myCustomWidgetService", function($scope, myCustomWidgetService) {
  $scope.myCustomWidgetService = myCustomWidgetService;
  $scope.changeMyCustomWidget = function() {
    $scope.myCustomWidgetService.message = "This message was written by MainCtrl";
  }
}]);


/**
WIDGET
*/
angular.module("myCustomWidget", [])

.factory("myCustomWidgetService", function() {
  var myCustomWidgetService = {};
  myCustomWidgetService.message = "This is the default message inside the Service";
  return myCustomWidgetService;
})

.directive("myCustomWidgetDirective", [function() {
  return {
    bindToController: true,
    controllerAs: "$ctrl", // I dont know where it is used but angular fails if it is not present -> https://docs.angularjs.org/error/$compile/noident
    controller: "myCustomWidgetCtrl",
    scope: {},
    template: '<button ng-click="changeMyCustomWidget()" type="button" name="button">Click to change from directive</button><p>{{myCustomWidgetService.message}}</p>'
  }
}])

.controller("myCustomWidgetCtrl", ["$scope", "myCustomWidgetService", function($scope, myCustomWidgetService) {
  $scope.myCustomWidgetService = myCustomWidgetService; //Use the Service as a part of the scope
  $scope.changeMyCustomWidget = function() {
    $scope.myCustomWidgetService.message = "This message was written by myCustomWidgetCtrl";
  }
}]);

http://plnkr.co/edit/L58WpCkGyYionGfoeewd

Как вы думаете? это хорошая идея использовать Сервис как часть директивного контроллера?