generate component in angular – How to Create New Component in Angular 8?

generate component in angular ng g c popular Use the Angular CLI to generate a new component named pakainfo_v1.

generate component in angular

Create New App:

ng new pakainfo_v1

generate new component using following command:

ng g c popular

generate new component in angular 8 app


You can write HTML source code:

<p>popular works!</p>


You can write style or CSS code:

p{ color:green }


import { Component, OnInit } from '@angular/core';
  selector: 'app-popular',
  templateUrl: './popular.component.html',
  styleUrls: ['./popular.component.css']
export class PopularComponent implements OnInit {
  constructor() { }
  ngOnInit() {

Don’t Miss : Angular 6 Tutorial with Examples

Also Read This πŸ‘‰   AngularJS Random Strong Password Generator


import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { PopularComponent } from './popular.component';
describe('PopularComponent', () => {
  let component: PopularComponent;
  let fixture: ComponentFixture;

  beforeEach(async(() => {
      declarations: [ PopularComponent ]
  beforeEach(() => {
    fixture = TestBed.createComponent(PopularComponent);
    component = fixture.componentInstance;
  it('should create', () => {

I hope you get an idea about generate component in angular.
I would like to have feedback on my
Your valuable feedback, question, or comments about this article are always welcome.
If you enjoyed and liked this post, don’t forget to share.