AngualrJS - контроллер как синтаксис в компоненте сломал функциональность

Question

Я работаю с AngularJS 1.5.Я пишу компонент, и если я придерживаюсь синтаксиса $ ctrl, мой компонент работает, но если я пытаюсь использовать контроллер, поскольку он не работает.

    'use strict';

    angular
        .module('myApp')
        .component('attachments', {
            bindings: {
                add: '&',
                remove: '&',
                attachments: '<'
            },
            templateUrl: 'bookAbsence/attachments/attachments.html',
            controller: 'AttachmentsController'
        });

})(); 

против controllerAs 'вложения'

html

<div ng-if="$ctrl.canUploadAttachment === true">
    <add-attachment-button add="$ctrl.handleAdd(value)"></add-attachment-button>
    <attachment-list attachments="$ctrl.attachments" remove="$ctrl.handleRemove(value)"></attachment-list>
</div>