Angular 2 — Component Lifecycle Hooks

Angular 4 Components [What Is Angular 4 Components?]

What Is Angular 4 Components?
Angular 4 components are simply classes and Angular components are designated with the help of a component decorator.

In Angular 4, most of the component has a defined template which can communicate with the code defined in the component class.

Stayed Informed – Angular 4 vs. Angular 2

How to Setup an Angular 4 Project?
For Angular 4 Setup, Install the Angular CLI using npm install -g @angular/cli at the console.

The Example as,

///Imports Component
///Importing the Component from @angular/core library. 

import { Component } from '@angular/core';


///Component Decorator
///The @Component is using Component that was imported from the above import line.
///HTML template and style sheets associated with this component.
///Component is the type of elements.

@Component({
  selector: 'app-root',
  templateUrl: './myApp.component.html',
  styleUrls: ['./myApp.component.css']
})


///Component Class
///Component class called the core of the component.

export class AppComponent {
  titleText = 'My Demo App Working.';
}

I hope you are enjoying with this post! Please share with you friends. Thank you!!
ANIL SINGH

Hey! I'm Anil Singh. I author this blog. I'm Active Blogger, Programmer. I love learning new technologies, programming, blogging and participating the forum discussions more...
My Blogs - http://www.code-sample.com and http://www.code-sample.xyz
My Books - Buy Books Online at Best Prices

You Might Also Like
Post a Comment
www.code-sample.com/. Powered by Blogger.