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