Native Angular directives for Bootstrap4
-- QQ群①:839128 -- -- QQ群②:839120 --
Native Angular directives for Bootstrap4
Angular
version 4.0.0 or higher)bootstrap-sass
4.0.0)date-fns
1.27.2 or higher. It is for DatePicker
parse & format date)Notice: OnPush
@Input is recommended in @hibiscus.js
, so use Immutable.js
will be easy.
After installing the above dependencies, install @hibiscus.js
via:
npm install --save hibiscus.js
Once installed you need to import our main module.
import { HiNGModule } from 'hibiscus.js';
Then use HiNGModule
to declare on your root module:
@NgModule({
declarations: [
AppComponent,
],
imports: [
BrowserModule,
HiNGModule,
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule {}
And use HiNGModule
to declare on your feature module:
@NgModule({
imports: [CommonModule, FormsModule, HiNGModule],
exports: [DatePickerDemoComponent],
declarations: [DatePickerDemoComponent],
providers: [],
})
export class DatePickerDemoModule {}
@hibiscus.js
have got animations done. So You should include BrowserAnimationsModule
or NoopAnimationsModule
to your AppModule
.
example:
import { BrowserAnimationsModule, NoopAnimationsModule } from '@angular/platform-browser/animations';
@NgModule({
declarations: [
AppComponent,
],
imports: [
BrowserModule,
SharedModule,
HiNGModule,
BrowserAnimationsModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule {}
Kemosabe | Chenalan |