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:

popular works!


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


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.

Leave a Comment