Angularjs counter component

counter.controller.js

function CounterController() {
    this.increment = function() {
        this.count++;
    };

    this.decrement = function() {
        this.count--;
    };
}

angular
    .module('app')
    .controller('CounterController', CounterController);

counter.direcctive.js

function counter() {
    return {
        scope: {},
        bindToController: {
            count: '='
        },
        controller: 'CounterCtrl as counter',
        template:`
            <div>{{ counter.count }}</div>
            <div>
                <button ng-click="counter.decrement();">-</button>
                <button ng-click="counter.increment();">+</button>
            </div>
        `
    };
}

angular
    .module('app')
    .directive('counter', counter);