JSFiddle - React, Tailwind, and code Playground

by dameleon

HTML

<div ng-app="sample">
    <transclude-sample>元々入ってる文字</transclude-sample>
    <div transclude-sample>元々入ってる文字</div>
    <div class="transclude-sample">元々入ってる文字</div>
</div>

JavaScript

angular.module('sample', []).directive('transcludeSample', function () {
    return {
        restrict: 'EACM',
        // ng-transclude のディレクティブ以下は、transclude-sample タグ内に入っている内容で
        template: '<div id="tmpl">ほげほげ <span ng-transclude>対象は死ぬ</span></div>',
        transclude: true
    }
});