logo

Crowdly

Browser

Add to Chrome

Looking for test answers and solutions? Browse our comprehensive collection of verified answers for at moodle-miage-toulouse.westeurope.cloudapp.azure.com.

Get instant access to accurate answers and detailed explanations for your course questions. Our community-driven platform helps students succeed!

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>

View this question

A quoi sert le Routage Angular ?

0%
100%
0%
100%
0%
0%
100%
View this question

Quelle commande du générateur d'application ng sert pour générer une version JavaScript équivalente à l'application Angular ?

0%
100%
0%
0%
0%
View this question

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>

View this question

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

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

  • Capture 1 :

  • Capture 2 :

| 

  • Code app.component.ts

  • import { Component } from '@angular/core';

  • @Component({
  •   selector: 'my-app',
  •   templateUrl: './app.component.html',
  •   styleUrls: [ './app.component.css' ]
  • })

  • export class AppComponent  {
  •   username = '';
  •   nomvalide = '';
  •   listenoms = [];

  •   valider() {
  •     this.nomvalide = this.username;
  •     (this.username);
  •   }
  • }

  • Code app.component.html :

  • <div>
  •      <!-- Le nom est déjà saisi ET validé --> 
  •      <p>Le nom validé saisi est :{{
    }}
  •           <span *ngIf="
    === 'Z'">(Yeah !)</span>,
  •      </p>
  •      <p>Valider un autre nom ?
  •           <!-- Un nouveau username est saisi -->
  •           <input type="text" [()]="username"/><br/>
  •           Vous avez indiqué :
    <br/>
  •           Nombre de caractères = {{username.
    }}}<br/>
  •           <button ()="">Saisir !</button>
  •      </p>
  •      <p>Rappel des noms saisis :</p>
  •      <!-- Filtrage sur nom recherché -->
  •      <ul><li *ngFor="let nom of ">{{nom}}</li></ul>
  • </div>

Merci de répondre à tous les éléments de la question.
View this question

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

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

  • Capture 1 :

  • Capture 2 :

| 

  • Code app.component.ts

  • import { Component } from '@angular/core';

  • @Component({
  •   selector: 'my-app',
  •   templateUrl: './app.component.html',
  •   styleUrls: [ './app.component.css' ]
  • })

  • export class AppComponent  {
  •   username = '';
  •   nomvalide = '';
  •   listenoms = [];

  •   valider() {
  •     this.nomvalide = this.username;
  •     (this.username);
  •   }
  • }

  • Code app.component.html :

  • <div>
  •      <!-- Le nom est déjà saisi ET validé --> 
  •      <p>Le nom validé saisi est :{{
    }}
  •           <span *ngIf="
    === 'Z'">(Yeah !)</span>,
  •      </p>
  •      <p>Valider un autre nom ?
  •           <!-- Un nouveau username est saisi -->
  •           <input type="text" [()]="username"/><br/>
  •           Vous avez indiqué :
    <br/>
  •           Nombre de caractères = {{username.
    }}}<br/>
  •           <button ()="">Saisir !</button>
  •      </p>
  •      <p>Rappel des noms saisis :</p>
  •      <!-- Filtrage sur nom recherché -->
  •      <ul><li *ngFor="let nom of ">{{nom}}</li></ul>
  • </div>

View this question

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

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

  • Capture 1 :

  • Capture 2 :

| 

  • Code app.component.ts

  • import { Component } from '@angular/core';

  • @Component({
  •   selector: 'my-app',
  •   templateUrl: './app.component.html',
  •   styleUrls: [ './app.component.css' ]
  • })

  • export class AppComponent  {
  •   username = '';
  •   nomvalide = '';
  •   listenoms = [];

  •   valider() {
  •     this.nomvalide = this.username;
  •     (this.username);
  •   }
  • }

  • Code app.component.html :

  • <div>
  •      <!-- Le nom est déjà saisi ET validé --> 
  •      <p>Le nom validé saisi est :{{
    }}
  •           <span *ngIf="
    === 'Z'">(Yeah !)</span>,
  •      </p>
  •      <p>Valider un autre nom ?
  •           <!-- Un nouveau username est saisi -->
  •           <input type="text" [()]="username"/><br/>
  •           Vous avez indiqué :
    <br/>
  •           Nombre de caractères = {{username.
    }}}<br/>
  •           <button ()="">Saisir !</button>
  •      </p>
  •      <p>Rappel des noms saisis :</p>
  •      <!-- Filtrage sur nom recherché -->
  •      <ul><li *ngFor="let nom of ">{{nom}}</li></ul>
  • </div>

View this question

ng serve sert à :

0%
0%
0%
100%
View this question

Comment crée-t-on une nouvelle application Angular ?

0%
0%
50%
0%
100%
View this question

Qu'est-ce que Bootstrap ?

- choisir la meilleure réponse -

0%
0%
50%
0%
View this question

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