指令标签之间的文本

Question

假设我有一个名为的指令my-directive.

如何访问或操作指令代码中的指令标记之间的文本,如下所示:

<my-directive> Custom Text <my-directive>

我的指令代码:

app.directive('myDirective', function() {
    return {
        ...
        template: '<div>...Custom Text somewhere inside div... </div>'
    };
); 

Answer 1

ng-transclude在模板中使用该指令.

.directive('myDirective', function() {
    return {
        transclude: true,
        template: '<div><ng-transclude></ng-transclude></div>
    }
});

将之前的内部内容移动到ng-transclude在模板中的位置.

在Plunker演示