angularjs - ng-transclude 不能按预期工作

Question

我正在试验指令。为什么下面 jsfiddle 中的 ng-transclude 包含 span 元素而不仅仅是原始 span 的内容？如果我设置 transclude: 'element'，我认为它应该只包含 span 标签本身。

http://jsfiddle.net/tidelipop/DzVQ9/

var app = angular.module('MyApp', [], function($compileProvider){
    $compileProvider.directive("inlineEdit", function(){
        return {
            restrict: "A",
            transclude: true,
            replace: true,
            template: "<textarea ng-transclude></textarea>",
            scope: true,
            controller: function($scope){
                toggleEditMode = function(){
                    $scope.editMode = !$scope.editMode;
                }
            }
        };
    });
})