如何在带有require的自定义指令中使用自定义指令

Question

我对AngularJS相当新，所以我希望我能解决这个问题的原因是可以理解的。

首先，我创建了一个自定义指令，该指令使用另一个自定义指令angular plugin http://vitalets.github.io/angular-xeditable/

'use strict';

require('../../../../vendor/angular-xeditable/xeditable.js');

angular.module('ft.core').directive('ftXeditableText', function() {

    var result = {
        restrict: 'E',
        scope: {
            item: "="
        },
        templateUrl: 'views/EditableText.html',
        link: function (scope, element, attrs) {


        }
    };

    return result;
});

这是我的模板文件EditableText.html

<span editable-text="{{item.Name}}">
    {{item.Name}}
</span>

在我的html代码中，它会渲染生成的标记

<ft-xeditable-text item="ngModel[0]" class="ng-scope ng-isolate-scope">
    <span editable-text="XEditable Text" class="ng-binding">
        XEditable Text
    </span>
</ft-xeditable-text>

我似乎无法使插件正常工作。它在浏览器中呈现，但插件的功能不会执行。我该怎么做呢？请帮我。感谢