Update to angular 2 final

Hi, thanks for contributing!

This project is maintained in my spare time, so in order to help me address your issue as quickly as possible, please provide as much of the following information as you can.

– Michael

Angular 2 version: 2.0.0

ng2-pagination version:

Description of issue: Are you planing to update to angular2 final?

Steps to reproduce:

Expected result:

Actual result:

Demo: (if possible, edit this Plunker demo and paste the link to your fork)

Any relevant code:

[nengine]

I’m using Angular 2.0 but when ng2-pagination module was imported getting an error. app.module.ts and system.config.js are shown below. Any help is greatly appreciated!

Error: CompileMetadataResolver</CompileMetadataResolver.prototype.getNgModuleMetadata/<@http://localhost:3000/node_modules/@angular/compiler/bundles/compiler.umd.js:14131:33
    CompileMetadataResolver</CompileMetadataResolver.prototype.getNgModuleMetadata@http://localhost:3000/node_modules/@angular/compiler/bundles/compiler.umd.js:14111:19
    RuntimeCompiler</RuntimeCompiler.prototype._compileComponents@http://localhost:3000/node_modules/@angular/compiler/bundles/compiler.umd.js:16803:26
    RuntimeCompiler</RuntimeCompiler.prototype._compileModuleAndComponents@http://localhost:3000/node_modules/@angular/compiler/bundles/compiler.umd.js:16741:34
    RuntimeCompiler</RuntimeCompiler.prototype.compileModuleAsync@http://localhost:3000/node_modules/@angular/compiler/bundles/compiler.umd.js:16732:18
    PlatformRef_</PlatformRef_.prototype._bootstrapModuleWithZone@http://localhost:3000/node_modules/@angular/core/bundles/core.umd.js:6954:20
    PlatformRef_</PlatformRef_.prototype.bootstrapModule@http://localhost:3000/node_modules/@angular/core/bundles/core.umd.js:6936:20
    @http://localhost:3000/app/main.js:5:1
    @http://localhost:3000/app/main.js:1:31
    @http://localhost:3000/app/main.js:1:2
    ZoneDelegate.prototype.invoke@http://localhost:3000/node_modules/zone.js/dist/zone.js:203:19
    Zone.prototype.run@http://localhost:3000/node_modules/zone.js/dist/zone.js:96:24
    scheduleResolveOrReject/<@http://localhost:3000/node_modules/zone.js/dist/zone.js:462:52
    ZoneDelegate.prototype.invokeTask@http://localhost:3000/node_modules/zone.js/dist/zone.js:236:23
    Zone.prototype.runTask@http://localhost:3000/node_modules/zone.js/dist/zone.js:136:28
    drainMicroTaskQueue@http://localhost:3000/node_modules/zone.js/dist/zone.js:368:25
    ZoneTask/this.invoke@http://localhost:3000/node_modules/zone.js/dist/zone.js:308:25

app.module.ts

import { NgModule } from '@angular/core';
import { BrowserModule  } from '@angular/platform-browser';
import { FormsModule }   from '@angular/forms';
import { HttpModule }    from '@angular/http';
import { Ng2PaginationModule } from 'ng2-pagination';
import { routing } from './app.routing';

import { NavbarComponent } from '../app/shared/navbar.component';
import { AppComponent } from './app.component';
import { TopicComponent } from '../app/topics/topic.component';


@NgModule({
    imports: [
        BrowserModule,   
        HttpModule,
        FormsModule,
        Ng2PaginationModule,
        routing     
    ],
    declarations: [ 
        AppComponent,
        DashboardComponent, ],    
    providers: [ ],        
    bootstrap: [AppComponent]
})

export class AppModule { }

system.config.js

(function (global) {
  System.config({
    paths: {
      // paths serve as alias
      'npm:': 'node_modules/'
    },
    // map tells the System loader where to look for things
    map: {
      // our app is within the app folder
      app: 'app',
      // angular bundles
      '@angular/core': 'npm:@angular/core/bundles/core.umd.js',
      '@angular/common': 'npm:@angular/common/bundles/common.umd.js',
      '@angular/compiler': 'npm:@angular/compiler/bundles/compiler.umd.js',
      '@angular/platform-browser': 'npm:@angular/platform-browser/bundles/platform-browser.umd.js',
      '@angular/platform-browser-dynamic': 'npm:@angular/platform-browser-dynamic/bundles/platform-browser-dynamic.umd.js',
      '@angular/http': 'npm:@angular/http/bundles/http.umd.js',
      '@angular/router': 'npm:@angular/router/bundles/router.umd.js',
      '@angular/forms': 'npm:@angular/forms/bundles/forms.umd.js',
      // other libraries
      'rxjs':                       'npm:rxjs',
      'angular2-in-memory-web-api': 'npm:angular2-in-memory-web-api',
      'ng2-pagination': 'npm:ng2-pagination'
    },
    // packages tells the System loader how to load when no filename and/or no extension
    packages: {
      app: {
        main: './main.js',
        defaultExtension: 'js'
      },
      rxjs: {
        defaultExtension: 'js'
      },
      'angular2-in-memory-web-api': {
        main: './index.js',
        defaultExtension: 'js'
      },
      'ng2-pagination': {
        main: './dist/ng2-pagination-bundle.js',
        defaultExtension: 'js'
      }

    }
  });
})(this);

[finalxcode]

thanks