marcioklein/ng2-ksf

Ng-KSF module to work in Angular 2

NG KSF - Angular directives specific to Bootstrap 3

Welcome to the Angular version of the Angular UI KSF library. This library is being built from scratch by the ui-bootstrap team. We are using TypeScript and targeting the Bootstrap 3 CSS framework.

As with Bootstrap, this library is a work in progress. Please check out our list of issues to see all the things we are implementing. Feel free to make comments there.

Table of Contents

• Dependencies
• Installation
  • SystemJS
• Example

Dependencies

• Angular (tested with 4.1.2)
• Bootstrap 3 (VIA NPM > npm install bootstrap@3 - tested with 3.3.7)
• @ng-bootstrap (tested with 1.0.0-alpha.26)

Installation

After installing the above dependencies, install ng2-ksf via:

npm install --save ng2-ksf

Once installed you need to import our main module:

import {KsfModule} from 'ng2-ksf';

Other modules in your application can simply import KsfModule:

import {KsfModule} from 'ng2-ksf';

@NgModule({
  declarations: [OtherComponent, ...],
  imports: [KsfModule, ...], 
})
export class OtherModule {
}

SystemJS

If you are using SystemJS, you should also adjust your configuration to point to the UMD bundle.

In your systemjs config file, map needs to tell the System loader where to look for ng2-ksf:

map: {
  'ng2-ksf': 'npm:ng2-ksf/bundles/ng2-ksf.umd.js',
}

Example

• ksf-panel

    <ksf-panel title="My Title Panel">
    </ksf-panel>