Add systemjs configuration example to readme file

ghost commented 8 years ago

errir

dinagr commented 8 years ago

I am having the same problems. Did you find a solution?

mariuszfoltak commented 8 years ago

If you use systemjs, you should add configuration

System.config({
  packages: [
    'angular2-datatable': { defaultExtension: 'js' },
    ...
  ]
});

You can check this file: https://github.com/mariuszfoltak/angular2-datatable/blob/master/examples/systemjs/systemjs.conf.js

dinagr commented 8 years ago

Thanks for your quick reply! Now I get this error - zone.js:101 GET http://localhost:3000/angular2-datatable/datatable.js 404 (Not Found)

mariuszfoltak commented 8 years ago

You must add also configuration for mapping:

System.config({
  map: {
    'angular2-datatable': 'node_modules/angular2-datatable',
  },
  packages: {
    'angular2-datatable': { defaultExtension: 'js' },
    ...
  }
});

dinagr commented 8 years ago

and for this? zone.js:101 GET http://localhost:3000/lodash 404 (Not Found)

mariuszfoltak commented 8 years ago

System.config({
  map: {
    'lodash': 'node_modules/lodash/lodash.js',
    ...
  },
  packages: {
    'lodash':                     { defaultExtension: 'js' },
    ...
  }
});

dinagr commented 8 years ago

Thanks a lot!!! It is working now only the pagination is not working I added this -

<tfoot>
     <tr>
         <td colspan="4">
              <mfBootstrapPaginator [rowsOnPageSet]="[5,10,25]"></mfBootstrapPaginator>
         </td>
    </tr>
</tfoot>

between the and the tags but the pagination is not showing What else do I need to do?

mariuszfoltak commented 8 years ago

mfBootstrapPaginator is displayed only when data length is greather than min rowsOnPage value. Look at this example files: https://github.com/mariuszfoltak/angular2-datatable/tree/master/examples/systemjs/src

kvbhaskar7 commented 7 years ago

Hi,

I am new to angular and just setup my new angular2 application. I just setup angular2-datatable to my component and doesn't seems to be working. Not sure whats wrong here. Any help is really appreciated as i m really stuck and not able to proceed further.

When i comment out DataTableModule in app.module.ts, my app is working as expected with my features.

app.module.ts

Added import { DataTableModule } from "angular2-datatable";
Imported @NgModule({ imports: [
DataTableModule, ]

systemjs.config.js file /**

System configuration for Angular samples
Adjust as necessary for your application needs. */ (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', '@angular/upgrade': 'npm:@angular/upgrade/bundles/upgrade.umd.js', // other libraries 'rxjs': 'npm:rxjs', 'angular-in-memory-web-api': 'npm:angular-in-memory-web-api/bundles/in-memory-web-api.umd.js', 'angular2-datatable': 'node_modules/angular2-datatable/lib/datatable.js', 'lodash': 'npm:lodash/lodash.js' }, // 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-datatable': { defaultExtension: 'js' }, } }); })(this);

package.json "angular2-datatable": "^0.6.0", "lodash": "^4.17.2",

When i try to load my app, its failing with the error i mentioned above. Can someone please help !

mariuszfoltak / angular2-datatable

Add systemjs configuration example to readme file #18