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

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>'