Question

我正在运行fullCalendar jquery插件。除此之外，我正在运行angularjs。现在我需要从angular上调用该jquery插件上的refetchResources函数。

我试图使用：

angular.element(document.querySelector(('#calendar')).fullCalendar('refetchEvents');

但它似乎不起作用。不幸的是，我无法使用指令从内角启动日历。

有任何建议如何实现？

Answer 1

你可以使用directive来处理它，像这样使用它：

<强> app.js

app.directive("fullCalendar", function () {
return {
    link: function (scope, element, attr) {
        element.fullCalendar('refetchEvents');
        //also you can set all options here
        //element.fullCalendar({ *** });
        //you can pass scopes in directive
    }
};
});

<强> page.html中

<full-calendar></full-calendar>

如何将属性从html传递到指令？

<强> app.js

app.directive("fullCalendar", function () {
return {
    scope:{sample: '@'}
    link: function (scope, element, attr) {
        element.fullCalendar(scope.sample);
    }
};
});

<强> page.html中

<full-calendar sample='refetchEvents'></full-calendar>

有关 directive
的更多信息

Angularjs调用Jquery插件

1 个答案: