0

I want to apply a fancy scroll bar on a paragraph which is inside the ng-view. My module code is 

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'});

});

And ngHtml/careers.html is 

<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>

This is the prefect-scrollbar i have also tried ng-scrollbar and others but its not working. I am unable to initiate the function of scrollbar directive inside ng-view.

Priyanga
  • 143
  • 1
  • 3
  • 16
Ammar Hayder Khan
  • 1,287
  • 4
  • 22
  • 49

1 Answers1

0

This is the best group of scroll-bar ( it's free and opine scores ) :

1- Examples of Group .

2- Download For Free .

3- Video Tutorial .

Thanks

Ramy Mohamed
  • 68
  • 3