vcgit-forge/angular-challenges
1
0
Fork 0
mirror of https://github.com/Raghu-Ch/angular-challenges.git synced 2026-02-10 12:53:03 -05:00
Code Issues Packages Projects Releases Wiki Activity

feat: new control flow

Browse Source
This commit is contained in:
thomas
2023-11-30 14:11:15 +04:00
parent 5ab6f7e02c
commit 671c7bf8c3
1 changed files with 6 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
apps/performance/christmas-web-worker/src/app/unknown-person/unknown-person.component.ts
View File

@@ -1,18 +1,17 @@
import { NgIf } from '@angular/common';
import { Component, Input } from '@angular/core';
@Component({
selector: 'unknown-person',
standalone: true,
imports: [NgIf],
template: `
<div
class="bg-black absolute inset-0 z-10 text-white text-center text-3xl"
[style.height.%]="100 - step">
<div
class="relative top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2"
*ngIf="step !== 100">
Who is here?
</div>
@if (step !== 100) {
<div
class="relative top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">
Who is here?
</div>
}
</div>
<div class="text-center text-white text-4xl">Happy Christmas !!!</div>
<div class="container">