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.