Javascript 奇特的滚动条（基于任何指令）在ng视图中不起作用

我想在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/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>

{{data.heading}
....
...
..
.

---

这是我和其他人也尝试过的方法，但它不起作用。我无法在ng view中启动scrollbar指令功能。

这是滚动条的最佳组（它是免费的，并且是opine分数）：

1-

2-

3-

谢谢