Question

我想尝试使用此指令：

appModule.directive('scrollpane', function ($compile) {
    return {
        restrict: 'A',
        link: function (scope, element, attrs) {
            element.addClass('scroll-pane');
            element.jScrollPane();
            var api = element.data('jsp');
            scope.$watch(function () { return element.find('.' + attrs.scrollpane).length }, function (length) {
                api.reinitialise();
            });
        }
    };
});

我想我已经正确添加了jQuery和其他脚本。谁能告诉我怎么称呼这个？

Answer 1

假设你想在DIV上使用它：

<div scrollpane>Contents...</div>

对“A”的限制意味着您要将指令用作属性。

Answer 2

我假设appModule是你的主要模块。

您可以在第3行看到此指令仅限于属性（restrict: 'A'）。

因此，您所要做的就是创建一个具有此属性的html元素。

<div scrollpane></div>

如何将此指令添加到我的应用程序中？

2 个答案: