###. emarket material
https://www.npmjs.com/package/emarket-material
-
install "npm i emarket-material"
-
import { EmarketMaterialModule } from 'emarket-material';
@NgModule({ imports: [ EmarketMaterialModule ] })
-
using list module{ MatAutocompleteModule, MatButtonModule, MatButtonToggleModule, MatCardModule, MatCheckboxModule, MatChipsModule, MatDatepickerModule, MatDialogModule, MatDividerModule, MatExpansionModule, MatFormFieldModule, MatGridListModule, MatIconModule, MatInputModule, MatListModule, MatMenuModule, MatNativeDateModule, MatPaginatorModule, MatProgressBarModule, MatProgressSpinnerModule, MatRadioModule, MatRippleModule, MatSelectModule, MatSidenavModule, MatSliderModule, MatSlideToggleModule, MatSnackBarModule, MatSortModule, MatStepperModule, MatTableModule, MatTabsModule, MatToolbarModule, MatTooltipModule,
// user create CheckBoxComponent, EmarketSidenavContainerComponent, RouteLinkComponent }
-
==> checkbox custom material
using: '<app-check-box [color]="" [label]="" [label2]="" [value]="" [checkboxId]="" [link]="" (updateChecked)="updateCheckedOptions(i)" [checked]="">
. label, label2, value, checkboxId: string . label2: show link in checkbox, link: route link . color: set color checkbox checked . updateCheckedOptions: EventEmitter
==> emarket side nav custom matarial // user code views
==> emarket router child <app-route-link [links]="listRoute">
example:
listRoute = [ { "href":"/users/merchant/my-account/my-profile", "name":"My Profile" } ,{ "href":"/users/merchant/my-account/merchant-detail", "name":"Merchant detail" } ,{ "href":"/users/merchant/my-account/stores", "name":"Stores" } ]