Dev Faq
0
votes

Comment passer une constante d'un composant à un service et faire une demande HTTP

ok donc ce que j'essaie de faire est que j'ai un * ngfor code> qui remplit des noms de catégorie ce que j'essaie de faire est d'obtenir celui que l'utilisateur a cliqué sur et puis de faire une API Appelez-le, mais quand je clique sur le bouton, rien ne se passe. Existe-t-il un moyen de transmettre le const code> à mon api.service code> ou est la façon dont je le fais dans le composant le seul moyen d'y parvenir. 

<li class="uk-active"><button (click)="sectionlink(section.list_name)">{{section.list_name}}</button></li>

5 commentaires

Bonjour Conor, pouvez-vous modifier votre code s'il vous plaît. Nous ne savons pas dans quel fichier viennent les différentes parties du code que vous avez écrites.

Salut. "http.get" retourne un observable, vous devez donc le souscrire. Jetez un oeil à: angular.io/api/http/http

Vous voudrez peut-être modifier votre clé API dans votre code. Cette information devrait être privée.

Oh ouais désolé pour ça n'a pas réalisé que j'ai oublié le .Subscribe regardé cela pendant des heures à essayer de le comprendre

Voir la duplication proposée. Un observable renvoyé à partir du httpclient ne fera rien tant que quelque chose ne s'abonne pas. Cela peut être fait dans le code ou dans le code de modèle HTML à l'aide du tuyau async .

3 Réponses :

1
votes

En supposant que le texte que vous envoyez dans votre fonction est valide, vous pouvez faire quelque chose comme ça. XXX

Ceci appellera votre API et vous abonner au résultat. Pour plus d'informations sur httpClient, veuillez cocher la documentation ici

2 commentaires

Le modèle de terminarrcoint n'est pas enfermé dans "` "alors" {{texte}} ".

Bon point, je l'ai édité.

2
votes

service.ts xxx

composant.ts xxx

html xxx

6 commentaires

Le paramètre texte n'est pas utilisé

Il est déjà édité. S'il vous plaît voir le dernier @Williamlohan

SECETLINK a été modifié mais toujours dans ObtectionLinks , "Texte" dans const endointList = 'https://aPi.nytimes.com/svc/books/v3/ listes / texte? API-KEY = 7W3 E72BGAXGLOHLX9OE2GQS OTCTRJXAT '; est harcelé

La chaîne doit être modifiée en ce 'https://apl.nytimes.com/svc/books/v3/lists/' + text + '? API-KEY = 7W3E72BGAXGLOHLX9OE2GQSOTCTRJXAT' ou utilisez une coche arrière avec $ {texte}

@Williamlohan, merci de le pointer. édité!!

@RHAVELKA, merci et j'ai utilisé ES6-Backticks et $ {Text} dans la chaîne.

0
votes

Oui, vous pouvez récupérer les résultats des appels API à partir du composant, comme l'a montré Antoine. Cependant, comme votre application augmente, votre composant sera donc une meilleure pratique de mettre vos appels d'API dans un service séparé comme: xxx pré>

puis dans votre composant, vous pouvez simplement appeler cette méthode : P> 

@NgModule({
  declarations: [
     YourCustomComponent
  ],
  imports: [
    HttpClientModule
  ],
  providers: [APIService],
})
export class FeatureModule { }

0 commentaires

Articles qui pourrait vous intéresser :

Erreur de compilation angulaire: NG6001: la classe est répertoriée dans les déclarations du NgModule 'AppModule', mais n'est pas une directive, un composant ou un tube
Changer le format numérique du champ d'entrée dans le mode d'édition de ligne de table d'Antd?
La description n'est pas une exception définie sur Typescript, Mocha et VSCode
Impossible de trouver le module défini dans tsconfig `chemins`