角度完美滚动条在负载时不起作用

Question

在我的角度应用程序中，我正在从Json加载数据并使用完美滚动条。但滚动条只显示当我滚动不显示在页面加载时。即使我用过

<perfect-scrollbar class="scroller ps-active-y" include-padding='true' wheel-propagation="true" wheel-speed="50" on-scroll="onScroll(scrollTop, scrollHeight)">

也使用此指令

appDirectives.directive('perfectScrollbar', function(){
    return {
        restrict: 'A',
        template: '<div ng-transclude></div>',
        transclude: true,
        scope: {},
        link: function(scope, element, attrs){
            element.perfectScrollbar();

                element.perfectScrollbar('update');

        }
    }
});

但请不要有任何影响。

Answer 1

您目前的指令仅限于使用restrict: 'A'的属性。你应该试试<div perfect-scrollbar></div>。使用perfect-scrollbar作为属性将匹配指令所期望的内容。

或者，您可以将限制更改为“E”，代表“元素”。