mirror of
https://github.com/Raghu-Ch/angular-challenges.git
synced 2026-02-10 12:53:03 -05:00
feat: import static dynamic challenge
This commit is contained in:
20
libs/static-dynamic-import/users/src/lib/user.component.ts
Normal file
20
libs/static-dynamic-import/users/src/lib/user.component.ts
Normal file
@@ -0,0 +1,20 @@
|
||||
import { Input } from '@angular/core';
|
||||
import { MatIconModule } from '@angular/material/icon';
|
||||
import { User } from './user.model';
|
||||
|
||||
import { Component } from '@angular/core';
|
||||
@Component({
|
||||
selector: 'sdi-user',
|
||||
standalone: true,
|
||||
imports: [MatIconModule],
|
||||
template: `
|
||||
<mat-icon aria-hidden="false" aria-label="user icon" fontIcon="person" />
|
||||
<div>{{ user.name }} {{ user.lastName }}</div>
|
||||
`,
|
||||
host: {
|
||||
class: 'flex',
|
||||
},
|
||||
})
|
||||
export class UserComponent {
|
||||
@Input({ required: true }) user!: User;
|
||||
}
|
||||
Reference in New Issue
Block a user