javascript - 花式滚动条（基于任何指令）在 ng-view 中不起作用

Question

我想在 ng-view 内的段落上应用一个精美的滚动条。我的模块代码是

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/careers.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-scrollbar和其他，但它不起作用。我无法在 ng-view 中启动滚动条指令的功能。

Answer 1

这是最好的滚动条组（它是免费的并且可以评分）：

1-组的例子 。

2-免费下载 。

3-视频教程 。

谢谢