How to use our Angular Components?


Our Angular components can be downloaded from: angular.components.zip.

The current list of Angular components:
  • Smart.CheckBox
  • Smart.RadioButton
  • Smart.ProgressBar

Below is demonstrated how to use our Smart.ProgressBar Angular component


app.component.ts

import { Component, OnInit } from '@angular/core';  
 import { FormGroup, FormBuilder } from '@angular/forms';  
 export class Hero {  
  id: number;  
  name: string;  
 }  
 @Component({  
  selector: 'app-root',  
  template: `  
     <SmartProgressBar [value]="value"></SmartProgressBar>  
   `  
 })  
 export class AppComponent {  
   value = 30;  
 }  
app.module.ts

import { NgModule, CUSTOM_ELEMENTS_SCHEMA  } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser'; 
import { FormsModule,ReactiveFormsModule } from '@angular/forms';
import { SmartProgressBarModule } from './angular.components/smart.progressbar.module';

import { AppComponent } from './app.component';
import '@smarthtmlelements/smart-core/source/smart.core.js';

@NgModule({
    declarations: [AppComponent],
    imports: [BrowserModule, FormsModule, ReactiveFormsModule, SmartProgressBarModule],
	schemas: [ CUSTOM_ELEMENTS_SCHEMA ],
    providers: [],
    bootstrap: [AppComponent]
})

export class AppModule { }


Result:
Download sample: angular-progressbar.zip.