anchor.diff:      String error;
       bool loading = false;
       Pager pager;
  +    QueryWatcher _queryWatcher;
       List<User> users;
   
       final AuthenticationController auth;
       final RestApiController _api;
  -    final int _resultsPerPage = 10;
       final Router _router;
       final RouteProvider _rp;
       final TitleService _ts;
   
       /// Constructor.
       UserListComponent(this.auth, this._api, this._router, this._rp, this._ts) {
  -        this.initCurrentPage(this._rp.route, this._fetchCurrentPage);
  +        RouteHandle rh = this._rp.route.newHandle();
  +        this._queryWatcher = new QueryWatcher(
  +            rh,
  +            ['page', 'rpp'],
  +            this._fetchCurrentPage
  +        );
           this._fetchCurrentPage();
           this._ts.title = 'User Directory';
       }
  
positive.code:     templateUrl: 'packages/hgprofiler/component/user/list.html',
      useShadowDom: false
  )
  class UserListComponent extends Object with CurrentPageMixin {
      List<Breadcrumb> crumbs = [
          new Breadcrumb('HGProfiler', '/'),
          new Breadcrumb('User Directory'),
  
negative.code:                 );
  
                  this.pager = new Pager(response.data['total_count'],
                                         int.parse(this._queryWatcher['page'] ?? '1'),
                                         resultsPerPage:int.parse(this._queryWatcher['rpp'] ?? '10'));
              })
              .catchError((response) {
                  this.error = response.data['message'];
  