Recherche:

ok et sans les génériques ?

sont tous des bons frameworks ou librairies comme vous voulez
je préfère Angular

merci pour la précision !

t'embete pas avec du javascript.

* utilise angular dialog (identique modal)
https://material.angular.io/components/dialog/overview

regardes l'onglets exemples (tu as les codes sources des...

* (1)


HeaderComponent

@Component({
selector: 'app-header', // <--------------------------- selector = le nom de la balise

templateUrl: './header.component.html',
...

la démocratie :ptdr::ptdr::ptdr:

si ce n'est pas confidentiel, tu peux mettre le code sur un github. (en enlevant les parties sensible)
je regarderai

parceque là, comme ça, je ne sais pas

dans un service :


@Injectable({
providedIn: 'root',
})
export class HeroService {


seule, la classe de base doit avoir @Injectable, les autres non (à chaque fois que tu indiques...

module


import {MatButtonToggleModule} from '@angular/material/button-toggle';



dans le .ts:

*

tu as bien importé ButtonToggleMatComponent ???? dans le module


* <a routerLink="/user/bob">link to user component</a>

c'est sure, en france ont fait de la meilleure qualité :weird:
ah mais non en france on ne fait plus rien :ptdr:

pas de problème de mon côté.

* tu as bien installé nodejs 14 ou 16 ?


node -v


* et ensuite angular-cli ?

pour te répondre je vais prendre un exemple avec un service de location de chambre d'hotel
une chambre peut etre defini avec le modèle suivant :
- id
- numero de chambre
- nb piece
- date
...
...

plutot ça :



taille$ = this.monFluxDeTableau$.pipe(
map(date => data.length)
)


dans la vue :

oui c'est pareil, qu'il envoit une valeur ou differentes valeur dans le temps, cela ne change rien.



subject1$ = new BehaviorSubject<number>(10);

get observable1$():Observable<...> {
...

(1)


obs1$ = of(10);

obs1$.subscribe(console.log); // 10
obs1$.subscribe(console.log); // 10
obs1$.subscribe(console.log); // 10

https://stackblitz.com/edit/angular-sample-tabs?file=src%2Fapp%2Fapp.component.html

soit je ferais plusieurs points d'entrées
soit un point d'entrée avec un filtre ou j'indiquerai un type de donnée voulu (je pencherai sur celle çi)

il faut blinder des 2 cotés (front, back) avec...

https://medium.com/ngconf/dynamically-execute-script-in-an-angular-component-e4dbcf9a34

que donne la requête dans les outils de développement du navigateur, onglet réseau (network) ? et dans l'onglet Response de la requete selectionné !


pour tester rapidement dans la vue :


...

comment ça ? quel fichier js ?

on trouve plusieurs techniques sur google ; angular import .js

import { environment } from 'src/environments/environment';

export class ??????????Component {
...
environment = environment;


html

il y a un OU logique donc l'un ou l'autre doit etre à TRUE
un tableau vide comme products est à TRUE donc normal , ça passe :
et oui un tableau vide existe donc c'est TRUE.
pour cela qu'il faut...

je ne vois pas ce qu'il y a de compliqué !



alternativeProducts(categories:any) {
this.http.get('http://127.0.0.1:8001/api/products/liste/'+ categories)
.subscribe((dataApi:any) =>{...

c'est du javascript !

https://www.delftstack.com/fr/howto/javascript/javascript-convert-timestamp-to-date/



var timestamp = 1607110465663
var date = new Date(timestamp);
...