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.
The following version are used in this demo. To see all supported version see our docupedia page.
Package | {{ element.packageName }} | Version | {{ element.version }} |
---|
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);
});
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>