AngualrJS - 控制器作为组件中的语法破坏了功能

Question

我正在使用AngularJS 1.5。我正在编写一个组件，如果我坚持使用$ ctrl语法，我的组件可以工作，但是如果我尝试使用控制器，那么它就无法工作。

    'use strict';

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

})(); 

vs controllerAs＆＃39;附件＆＃39;

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>