feat: import static dynamic challenge

This commit is contained in:
thomas
2024-01-11 09:26:41 +01:00
parent b851a39251
commit 5ae981478c
9 changed files with 59 additions and 27 deletions

View File

@@ -20,7 +20,10 @@
"apps/nx/static-dynamic-import/src/favicon.ico",
"apps/nx/static-dynamic-import/src/assets"
],
"styles": ["apps/nx/static-dynamic-import/src/styles.scss"],
"styles": [
"apps/nx/static-dynamic-import/src/styles.scss",
"./node_modules/@angular/material/prebuilt-themes/indigo-pink.css"
],
"scripts": []
},
"configurations": {
@@ -37,7 +40,8 @@
"maximumError": "4kb"
}
],
"outputHashing": "all"
"outputHashing": "all",
"sourceMap": true
},
"development": {
"optimization": false,

View File

@@ -1,5 +1,5 @@
import {
UserPipe,
UserComponent,
type User,
} from '@angular-challenges/static-dynamic-import/users';
import { Component } from '@angular/core';
@@ -7,10 +7,11 @@ import { RouterOutlet } from '@angular/router';
@Component({
standalone: true,
imports: [UserPipe, RouterOutlet],
imports: [UserComponent, RouterOutlet],
selector: 'app-root',
template: `
Author: {{ author | user }}
Author:
<sdi-user [user]="author" />
<router-outlet />
`,
host: {
@@ -20,7 +21,7 @@ import { RouterOutlet } from '@angular/router';
export class AppComponent {
author: User = {
name: 'Thomas',
lastname: 'Laforge',
lastName: 'Laforge',
country: 'France',
};
}

View File

@@ -1,8 +1,10 @@
import { ApplicationConfig } from '@angular/core';
import { provideAnimations } from '@angular/platform-browser/animations';
import { provideRouter } from '@angular/router';
export const appConfig: ApplicationConfig = {
providers: [
provideAnimations(),
provideRouter([
{
path: '',

View File

@@ -6,6 +6,9 @@
<base href="/" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="icon" type="image/x-icon" href="favicon.ico" />
<link
href="https://fonts.googleapis.com/icon?family=Material+Icons"
rel="stylesheet" />
</head>
<body>
<app-root></app-root>