oktatas:web:angular:angular_elemek_rejtese
Tartalomjegyzék
Angular Elemek rejtése
- Szerző: Sallai András
- Copyright © 2021, Sallai András
- Szerkesztve: 2021, 2025
- Web: https://szit.hu
[hidden]
- src/app/app.component.html
<h1>Rejtés</h1> <button (click)="showDiv()">Mutat</button> <br> <div [hidden]="!edited">Eredmény: {{result}}</div>
- src/app/app.component.ts
import { Component } from '@angular/core'; @Component({ selector: 'app-root', templateUrl: './app.component.html', styleUrls: ['./app.component.css'] }) export class AppComponent { title = 'app23'; result = 30; edited = false; showDiv() { this.edited = true; } }
@if sablon szintaxis
*ngIf
Elavult az Angular 17-ben!
- src/app/app.component.html
<h1>Rejtés</h1> <button (click)="showDiv()">Mutat</button> <br> <div *ngIf="edited">Eredmény: {{result}}</div>
- src/app/app.component.ts
import { Component } from '@angular/core'; @Component({ selector: 'app-root', templateUrl: './app.component.html', styleUrls: ['./app.component.css'] }) export class AppComponent { title = 'app23'; result = 30; edited = false; showDiv() { this.edited = true; } }
oktatas/web/angular/angular_elemek_rejtese.txt · Utolsó módosítás: 2025/03/02 13:26 szerkesztette: admin