在指令模板

Question

我试图创建一个带有弹出功能的指令。 我的模板不是最短的模板，因此我决定使用templateUrl。 然后，我决定为我的popover使用一个模板，所以我尝试在我的指令模板文件中使用ng-template定义，并将其与popover-template一起使用，但我看不到工具提示。 这是一个例子：

<script type="text/ng-template" id="myTemplate.html">
    {{label}}
</script>

<div ng-if='label.length >= 5' popover-template='myTemplate.html' popover-trigger='mouseenter'>
    {{label | limitTo: 5}}{{label.length >= limit ? '..' : ''}}
</div>
<div ng-if='label.length < 5'>
    {{label}}
</div>

为什么不能这样做？ 我这样做的主要原因是因为我想保持清洁和干净。优雅（当然），我想在我的popover上应用一些样式。

更新：我添加了指令，虽然它正常工作，只是为了完成图片。

angular.module('MyApp')
    .directive('myDirective', function() {
        return {
            restrict: 'E',
            scope: {
                label: '@'
            },
            templateUrl: 'my-directive.html'
        };
    });