Правильно привязанные значения изменены в сервисе AngularJS к представлению

У меня есть функция "щелчка", связанная с пользовательской службой OpenLayers. Детали не важны, но я в основном генерирую объект JSON, когда был нажат вектор на карте. Вектор экспонируется через службу (которая вызывается пользовательской директивой).

Мой вопрос таков. Как лучший (самый аккуратный) способ привязать свойство, открытое через службу, и вызвал через директиву значение в моем ng-view? Пример кода ниже.

<h2>My Map</h2>
<p>A: {{selected.a}}</p> <!--This is what I want to do... -->
<p>B: {{selected.b}}</p> <!--This is what I want to do... -->
<p>C: {{selected.c}}</p> <!--This is what I want to do... -->
<div map-dir id="map" class="map"></div>

<script>
angular.module("app")
.controller("MainController", function($scope, openlayers){
    openlayers.init();

    /*
     * Needs to update the $scope whenever openlayers.selected
     * changes (could be any time after init())
     */
    $scope.selected = openlayers.selected;
})
.service("openlayers", function(){

    //Do some stuff

    var activeVector = {a: null, b: null, c: null};

    //Function called whenever a user clicks on a map
    function updateActiveVector(a,b,c){
        activeVector = {a: a, b: b, c: c};
    }

    return {
        init: init,
        selected: activeVector
    };

});
</script>