Viewing: riptutorial.com

Example

To create a component we add @Component decorator in a class passing some parameters:

providers: Resources that will be injected into the component constructor
selector: The query selector that will find the element in the HTML and replace by the component
styles: Inline styles. NOTE: DO NOT use this parameter with require, it works on development but when you build the application in production all your styles are lost
styleUrls: Array of path to style files
template: String that contains your HTML
templateUrl: Path to a HTML file

There are other parameters you can configure, but the listed ones are what you will use the most.

A simple example:

import { Component } from '@angular/core';
 
@Component({
  selector: 'app-required',
  styleUrls: ['required.component.scss'],
  // template: `This field is required.`,
  templateUrl: 'required.component.html',
})
export class RequiredComponent { }

[pdf] PDF - Download Angular 2 for free

Previous Next

Angular 2

Angular 2

Angular 2 Components A simple component

Fastest Entity Framework Extensions

Example