Angular · Theory

App Bootstrap

← All stacks

Theory

26/43

App Bootstrap

If you can teach App Bootstrap using ng new marks-app, you know it. If you only know the heading, you don’t.

For App Bootstrap, NgModule / standalone is in play. Don’t blame it until you have traced ng new marks-app.

App Bootstrap exists so Asha can keep ng new marks-app correct in the terminal + browser.

App Bootstrap shows up in the terminal + browser. Name ng new marks-app, not “a real-world scenario”.

App Bootstrap miss — skipping Node version and blaming Angular. Fix it before you talk about advanced Angular.

App Bootstrap is not a lonely heading. Asha ties it to ng new marks-app.

Viva for App Bootstrap: what it is → ng serve and open localhost → the mistake (skipping Node version and blaming Angular).

Exam tip

Say App Bootstrap in one breath, then ng serve and open localhost, then skipping Node version and blaming Angular.

Example

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

@Component({
  selector: "app-root",
  template: `
    <h1>{{ title }}</h1>
    <button (click)="toggle()">Toggle</button>
    <p *ngIf="open">Panel open</p>
  `,
})
export class AppComponent {
  title = "Angular practice";
  open = true;
  toggle() {
    this.open = !this.open;
  }
}

App Bootstrap: toggle open. Say whether the panel is on screen after one click.

Short notes

DefApp Bootstrap — Asha uses it for ng new marks-app in the terminal + browser.
RuleApp Bootstrap → ng serve and open localhost.
RememberApp Bootstrap + NgModule / standalone (the terminal + browser).
UseApp Bootstrap in the terminal + browser (ng new marks-app).
TrapApp Bootstrap — skipping Node version and blaming Angular.
ExApp Bootstrap → ng new marks-app.

import { Component } from "@angular/core"; @Component({ selector: "app-root", template: ` <h1>{{ title }}</h1> <button (click)="toggle()">Toggle</button> <p *ngIf="open">Panel open</p> `, }) export class AppComponent { title = "Angular practice"; open = true; toggle() { this.open = !this.open; } }

App Bootstrap

Example

Short notes

Questions

App Bootstrap

Example

Short notes

Questions