Limited Time Offer!

For Less Than the Cost of a Starbucks Coffee, Access All DevOpsSchool Videos on YouTube Unlimitedly.
Master DevOps, SRE, DevSecOps Skills!

Enroll Now

How to write Hello world in Angular?

In this tutorial i’m going to write hellow world in Angular.

First go to your app/index.html

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Angular 12</title>
  <base href="/">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body>
  <app-root></app-root>
</body>
</html>

Next go to app.component.html

<h1>Hellow {{title}}</h1>

Next go to app.component.ts

import { Component } from '@angular/core';
@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  title = 'Angular 12';
}

Now you can see the output

Hi I am Amit Kumar Thakur Experienced as s Software Developer with a demonstrated history of working in the information technology and services industry. Skilled in HTML, CSS, Bootstrap4, PHP, Laravel-9 , REST API,FB API,Google API, Youtube Api, Bitbucket,Github,Linux and jQuery. Strong engineering professional focused in Computer/Information Technology Administration and Management. Currently my profile is to Software Developer, analyze the requirement, creating frame for web application, coding and maintenance.

Related Posts

How to Generate component and Module in Angular ? Useful Command in Angular ?

In this tutorial im going to learn how to generate component and module in Angular JS using command. 1ste step 2nd step 3rd step How to Generate…

How to Install Angular on Windows ?

In this tutorial I’m going to install Angular JS on windows follow this tutorial i have to mentioned in very easy way. Next to run below code…

0 0 votes
Article Rating
Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x
()
x