Overview

Web Core is the base of web applications at BCI. It provides a collection of packages and components for developers for the use in web applications and to ease the development of BCI solutions.

Version information

The following version are used in this demo. To see all supported version see our docupedia page.

Package {{ element.packageName }} Version {{ element.version }}

Web Components

Some compoments are not Angular components but web components. In order to use those you need to add the following snippets to your projects.

package.json:


  dependencies: {
    // ...
    "@bci-web-core/web-components": "^42.42.42"
  }
  

app.module.ts:


    @NgModule({
      // ...
     schemas: [ CUSTOM_ELEMENTS_SCHEMA ]
    })
    export class AppModule {
      // ...
    }
    

main.ts:


    import { applyPolyfills,
      defineCustomElements }
    from '@bci-web-core/web-components/loader';
    applyPolyfills().then(() => {
      defineCustomElements(window);
    });
    

Usage example in Angular

Note that camelcase attribute names have to be used for binding.


    <bci-datetime-picker
    range-date-time="true"
    dark-background="true"
    [label]="'bci.portal.datetime-range.label'
    | translate"
    [formatDate]="dateFormatIso"
    (newDateSelected)="onDateSelected($event)">
    </bci-datetime-picker>