Javascript 如何让指令模板保留元素内容？

我正在尝试向按钮添加

ng单击
。我的HTML：

clicky

以及该指令：

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

angular.module（'app'）。指令（'btn'，函数（）{
返回{
限制：“C”，
替换：正确，
范围：正确，
是的，
模板：“”
};
});

它从元素中删除
clicky

转移没有帮助。谢谢您的回答。
在模板中添加
ng transclude

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

模板：“”
结果是什么？？只是澄清一下，模板/元素中的
ng transclude
和指令中的
transclude:true
都是必需的。