如何使用指令模板保留元素内容？

Question

我正在尝试添加ng-click一个按钮.我的HTML:

<button class="btn">clicky</button>

指令:

angular.module('app').directive('btn', function() {
  return {
    restrict: 'C',
    replace: true,
    scope: true,
    transclude: true,
    template: '<button ng-click="onClick()"></button>'
  };
});

它clicky从元素中删除.

Transclude没有帮助.谢谢你的回答.

Answer 1

添加 ng-transclude模板.

template: '<button ng-click="onClick()" ng-transclude></button>'