logo

Crowdly

Browser

Add to Chrome

Compléter le code afin de rendre l'application fonctionnelle. Voici un exem...

✅ The verified answer to this question is available below. Our community-reviewed solutions help you understand the material better.

Compléter le code afin de rendre l'application fonctionnelle.

Voici un exemple de fonctionnement de l'application : (2 captures ci-dessous)

  • Capture 1 :

  • Capture 2 :

  • Code ajout.component.ts

import { Component, OnInit } from '@angular/core';import { ActivatedRoute, Router } from '@angular/router';

import { BiblioService } from '../biblio.service';import { Livre } from '../livre';

@Component({ selector: 'app-ajout', templateUrl: './ajout.component.html', styleUrls: ['./ajout.component.css']})export class AjoutComponent implements OnInit {   edit = false;

   l: Livre;

    constructor(      public biblio: BiblioService,      private route: ActivatedRoute,      private router: Router    ) {       this.l = new Livre();    }

     ngOnInit(): void {           this.edit = false;           // vérifie si le composant est appelé avec un titre           this..subscribe(params => {                const id = .get('titre');                if (id !== null) {                     this.edit = true;

                     this.biblio.getSinglePerson(id).subscribe(response => {                          this.l = response;                     },                     error => {                          console.log(error);

                     }                     );               }           });         }

         onSubmit(): void {             // Vérifions qu'il y a au moins un titre.             if (this.l.titre === '') {                  alert('Il faut au moins un titre');                  return;             }             if (this.edit) {                 this.biblio.updateOnServer(this.l.titre, this.l);             } else {                 this.biblio.addToServer(this.l);             }             this..navigate(['/list']);          }}

  • Code ajout.component.html :

<form ()=" ()"><label>Titre : <input type="text" [()]="l.titre" name='titre' [
 ]="edit"></label><br><label>Auteur : <input type="text" [()]="l.auteur" name='auteur'></label><br><label>Année : <input type="number" [()]="l.annee" name='annee'></label><br><button type="submit">Envoyer</button></form>

Merci de répondre à tous les éléments de la question.
More questions like this

Want instant access to all verified answers on moodle-miage-toulouse.westeurope.cloudapp.azure.com?

Get Unlimited Answers To Exam Questions - Install Crowdly Extension Now!

Browser

Add to Chrome

TelegramInstagramTikTokQuestion Bank
Terms of UseContact Us