Angular · Theory

Exercises

Theory

41/43

Exercises

Exercises is a Angular topic. In plain words you use it for a short Exercises example in a campus SPA. Don’t start with a slogan — start with that picture.

Smallest example: the smallest Exercises example you can type. Type it, run it, and say what you see. If you can do that from memory, you know Exercises.

From the example next to this theory — Exercises: toggle open.

Trap — only saying “Exercises” with no example. Fix that before you talk about advanced Angular.

Viva — what is Exercises? Then show the smallest Exercises example you can type. Then name the trap.

Exam tip

What is Exercises? Show this: the smallest Exercises example you can type. Trap: only saying “Exercises” with no example.

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;
  }
}

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

Short notes

DefExercises — a short Exercises example in a campus SPA.
Rulethe smallest Exercises example you can type
Traponly saying “Exercises” with no example
Usea campus SPA

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; } }

Exercises

Example

Short notes

Questions

Exercises

Example

Short notes

Questions