My Blog


Create Component

Posted: November 24, 2021. | By: Admin

In angular2 we are using component to write Business logic of  application and extends with (.ts). Each application consists of Components. Each component is a logical boundary of functionality for the application.

  • Class − this is like Java class which consists of properties and methods.
  • Template − this is used to define the HTML content in same page to view which is displayed in the application.
  • @Component ({ 
       selector: 'my-app', 
       template: '<h1>hello</h1>' 
  • TemplateUrl: this is used to define the html content in different html page and hear, provide the html page URL in component.ts page like below example.  
  • Constructor-this is used to declare the imported services(custom/predefined)  hear to utilize those services in your business logic(component) page 



import { Component } from '@angular/core';
import { AppService }  from './app.service';
@Component ({ 
   selector: 'my-app', 
   templateUrl: 'app/app.component.html' 
export class AppComponent { 
   appTitle: string = 'Welcome';
constructor(private appService : AppService){
} }


Aapthi Technologies,Hyderabad offers a complete range of web solutions including web designing, developing, web hosting, Internet marketing and many more. With our electrifying presence, we have swirled the scenario of web solutions. We consistently invigorate our skill-set and tech-expertise and work with a high-level of integrity. Our keen-eye on emerging trends of online business as well as technical spheres has empowered us to render the most innovative solutions. Persistent development is the key drive of Aapthi Technologies, be it in terms of infrastructure, skill-set or technology. Team Aapthi Technologies, is fully committed to render back hundred percent value for the money paid by client.

Social Links

Our Bunker

Plot No -596, Near Reliance Fresh,
Vivekananda nagar colony, Kukatpally,
Hyderabad - 500072, India.