Angular: differenze tra le versioni

Versione delle 08:51, 26 giu 2025

Versione delle 08:52, 26 giu 2025

Riga 229:

=== Single file component ===

Lo stesso componente in versione single file è riportato di seguito:<syntaxhighlight lang="typescript" line="1">

// File: counter.component.ts

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

Riga 236:

template: `

<div class="counter-container">

<h2>Counter: {{ count() }}</h2>

<div class="button-container">

<button (click)="increment()">+</button>

Riga 260:

`]

})

export class CounterComponentCounter {

count = signal(0);

increment() {

this.count.update(c => c ++ 1);

}

decrement() {

this.count.update(c => c -- 1);

}

}

</syntaxhighlight>In un file html di un altro component, a questo punto, è possibile incorporare il componente dichiarato precedentemente inserendo nel template il selettore del componente: <syntaxhighlight lang="html">

<app-counter></app-counter>