Skip to content

Latest commit

 

History

History
26 lines (19 loc) · 801 Bytes

creating_components.md

File metadata and controls

26 lines (19 loc) · 801 Bytes

Creating Components

Components in Angular 2 build upon this idea. We define a component's application logic inside a class. To this we then attach a selector and a template.

  • selector is the element property that we use to tell Angular to create and insert an instance of this component.
  • template is a form of HTML that tells Angular how to render this component.
import {Component} from '@angular/core';

@Component({
	selector: 'hello',
	template: '<p>Hello, {{name}}</p>'
})
export class Hello {
  name: string;

  constructor() {
    this.name = 'World';
  }
}

To use this component we simply add <hello></hello> to our HTML, and Angular will insert an instance of the Hello view between those tags.

View Example