未从compilefunction调用angularjs指令链接函数[关闭]

Question

我想在链接函数中访问 ngModelController。 我正在使用 $compile 根据用户选项动态生成 html。 根据文档，我需要从 compileFunction 返回链接函数。

但是链接函数没有被调用。 Plunker Link

我试图限制用户在 type=number 时输入字母。

编辑

var compileFunction = function (element) {
        return function (scope, telem, tattr, ngModelCtrl) {
            console.log(ngModel);
            var template = helper.getFieldHtml(fieldHtml, scope.options);
            element.html(template);
            $compile(element.contents())(scope);
            return linkFunction.apply(scope, telem, tattr, ngModel);
        };
    };

return {
        scope: { options: '=', ngModel: '=' },
        required: ['ngModel', '^form'],
        restrict: 'E',
        compile: compileFunction
    };

如何在链接函数中访问 ngModelCtrl.. 从编译函数返回

Answer 1

你只需要替换“require”而不是“required”

即

 return {
            scope: { options: '=', ngModel: '=' },
            require: ['ngModel', '^form'],
            restrict: 'E',
            compile: compileFunction
        };

它的工作。

Answer 2

您的编译函数已经返回一个函数（即链接函数）：

var compileFunction = function (element) {           
    return function (scope) { // linking function


    };
};

你可以手动调用你的函数：

var compileFunction = function (element) {           
    return function (scope) { // linking function

       // ...

       linkFunction.apply(this, arguments);
    };
};

Answer 3

按照你的定义进行

 var compileFunction = function (element) {
        return function (scope) {           //<- This is your link function
            ....
            return (linkFunction);          // not this
        };
    };

另外，我认为范围不能像您使用的那样在编译函数中使用

 var template = helper.getFieldHtml(fieldHtml, scope.options);
 element.html(template);
 $compile(element.contents())(scope);

如果你想在编译函数中调用这三行。