Question

在AngularJS directive内，我触发一个需要访问已注入的指令级对象的回调函数。

我正在使用KendoUI模板函数，但我认为这是关于范围而不是函数的问题。

指令：

app.directive('projectEditorGrid', function (dataSourceFactory) {

    var dataSourceFactory = new dataSourceFactory("/odata/ProjectEditor");

    return {
        link: function ($scope, $element, $attrs) {
            $element.kendoGrid({
                dataSource: dataSourceFactory.projects(),
                pageable: true,
                height: 400,
                toolbar: ["create"],
                columns: [
                            { field: "WebsiteName", editable: true, width: 190, title: "Project Name", validation: { required: { message: "Project name is required" } } },
                            { field: "WebsiteNotes", title: "Project Notes" },
                            { field: "WebsiteGUID", title: "Project API ID", editable: false },
                            { field: "DefaultContentType", title: "Default Content Type", width: "160px", editor: defaultContentTypeDropDownEditor, template: "#=ContentTypes.Descriptions#" },
                            { command: ["edit", "destroy"] }
                ],
                editable: "inline"
            });

            function defaultContentTypeDropDownEditor(container, options) {
                console.log(container + " : " + options);
                var dataSourcFactory = dataSourceFactory("/odata/ContentType");
                var dsContentTypes = dataSourceFactory.contentTypes();  // returns a kendo.data.DataSource() object

                $('<input required data-text-field="Description" data-value-field="ContentTypeId" data-bind="value:' + options.field + '"/>')
                    .appendTo(container)
                    .kendoDropDownList({
                        autoBind: false,
                        dataSource: dataSourceFactory.contentTypes()
                    }); // kendoDropDownList
            }
        }
    }
});

dataSourceFactory被注入指令并成功用于显示数据。

触发行编辑时，会使用默认参数defaultContentTypeDropDownEditor调用container, options。如果我可以将dataSourceFactory传递给此功能，我可以设置，但不清楚如何通过激活呼叫完成此操作。

options：

Object {field: "DefaultContentType", editor: function, model: n.extend.o}
editor: function defaultContentTypeDropDownEditor(container, options) {
field: "DefaultContentType"
model: n.extend.o
__proto__: Object

container：

[<td role="gridcell" data-container-for="DefaultContentType"></td>]

如您所见，dataSourceFactory在功能级别（注入指令）中可见，但无法从defaultContentTypeDropDownEditor中访问。有人可以解释一下如何做到这一点吗？

Answer 1

注入的对象是dataSourceFactory。通过将初始初始化重命名为dataSourceFactory1并将函数回调用于dataSourceFactory2，我能够使其正常工作。

感谢Nikos指出我正确的方向。

如何将参数传递给Angular指令中的函数？

1 个答案: