Angular Browser Module for CoralUI
A customized browser module which extends the default BrowserModule in @angular/core to fill the gap between Angular 4.x and Coral 3.x.
Development server
Run ng serve
for a dev server. Navigate to http://localhost:4200/
. The app will automatically reload if you change any of the source files.
Build
Run ng build
to build the project. The build artifacts will be stored in the dist/
directory. Use the -prod
flag for a production build.
Configuration
- Copy folder src/app/coral_browser to your
Angular 4.x
project source folder - Replace the default
BrowserModule
withCoralComponentBrowserPlatform
in yourAppModule
as below
;;; ;;
- Run the following command, then check http://localhost:4200/ for detail
ng serve
- Use above components as usual in Angular component template.
Community What's new in CoralUI CoralUI Status
All the CoralUI custom events are suppose to work.
Panel 1 CoralUI has CSS theme support. Panel 2 There are currently only two themes available for CoralUI; Panel 3 It may be helpful to understand how a theme is included into CoralUI. Panel 4 This section provides details on the few CSS-only.
How it works?
The project is inspired by article Experiments with Angular Renderers. I built an angular customer render which encapsulate all special handling for all the problematic Coral components. Since renderer is totally transparent to application code developer, any internal change of CoralUI components would not influence application code.
Known Issues
Coral.TabView
still has problem
Reference
Angular ticket 6827