花式滚动条(任何基于指令的）在ng视图中都不起作用

Fancy scroll-bar (any directive based) is not working inside ng-view

本文关键字：ng 视图 不起作用 指令 滚动条 任何基 于指令      更新时间：2023-09-26

我想在ng视图中的段落上应用一个花哨的滚动条。我的模块代码是

var myweb = angular.module('myweb' , ['ngRoute', 'perfect_scrollbar']);
myweb.config(function($routeProvider, $locationProvider) {
  $locationProvider.html5Mode(true);
  $routeProvider
    .when('/profile', {
      templateUrl : 'ngHtml/profile.html',
      controller  : 'mainCtrl'
    })
    .when('/careers', {
      templateUrl : 'ngHtml/careers.html',
      controller  : 'careersCtrl'
    })
    .otherwise({redirectTo:'/profile'});
});

ngHtml/carers.html是

<div class="panel"> 
  <div class="panel-heading bg-primary">
    <h2>{{data.heading}}</h2>
  </div>
  <perfect-scrollbar class="scroller panel-body" wheel-propagation="true" wheel-speed="10" min-scrollbar-length="20">
     ....
     ...
     ..
     .
  </perfect-scrollbar>
</div>

这是完美的滚动条，我也尝试过ng滚动条和其他滚动条，但它不起作用。我无法在ng视图中启动滚动条指令的功能。

这是最好的滚动条组（它是免费的，有意见的分数）：

1-团体示例.

2-免费下载.

3-视频教程.

感谢

相关文章：