Javascript ng click-in指令不工作

card-drawer.html（模板）

html（这就是我想要使用它的方式。）

福斯·达皮布斯、泰勒斯·阿库斯·康多尔、托尔·莫里斯调味品尼布、发酵剂马萨·阿梅特
里索斯。塞德·波苏尔·康塞泰特在洛博蒂斯。Lorem ipsum dolor sit amet，是一位杰出的献身者。
这是一个很好的例子。我不知道是谁干的，我不知道是谁干的。
Donec sed odio dui。我不知道是谁干的，我不知道是谁干的。

在div中尝试

ng单击

，而不是

ng单击

，以调用您的fn。

…我假定模块上的指令名称为“cardDrawer”？也许你可以在模块上发布你是如何声明指令的。你得到了什么还是只是一个死应用程序？@Gabriel Kunkel只是点击事件不起作用。

<div class="card-drawer-wrapper">
<div class="card-drawer-icon" ngClick="cdCtrl.toggle()">
    <i class="icon--{{ icon }}"/>
</div>
<div class="{{'card-drawer ' + (classesToAdd || '' )}}">
    <ng-transclude></ng-transclude>
</div>

declare var _:UnderscoreStatic;

class CardDrawerController {
static $inject = [];

toggle() {
    alert('toggled');
}
}

CardDrawerDirective.$inject = [];

export interface ICardDrawerScope {
icon: string
classesToAdd: string
}

export interface ICardDrawerAttributes extends ng.IAttributes {
icon: string
'classes-to-add': string
}

export function CardDrawerDirective():ng.IDirective {
return {
    restrict: 'A',
    templateUrl: 'card-drawer.html',
    controller: CardDrawerController,
    controllerAs: 'cdCtrl',
    scope: true,
    replace: true,
    transclude: true,
    link(scope:ICardDrawerScope, element:ng.IAugmentedJQuery, attrs:ICardDrawerAttributes, controller:CardDrawerController) {
        scope.icon = attrs.icon || 'pencil';
    }
};
}

<div card-drawer>
        Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet
        risus. Sed posuere consectetur est at lobortis. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
        Nullam quis risus eget urna mollis ornare vel eu leo. Nullam id dolor id nibh ultricies vehicula ut id elit.
        Donec sed odio dui. Nullam id dolor id nibh ultricies vehicula ut id elit.                      
</div>