273. Adding Query Params

Jul 21, 2026 06:08 · 4:01 · English · Whisper Turbo · 2 Oradores

Esta transcrição expira em 7 dias. Atualização para armazenamento permanente →

Índice de Lecções

0:02

S… Speaker 2 (273. Adding Query Params)

Headers aren't the only thing you can set.

0:04

S… Speaker 2 (273. Adding Query Params)

For many API endpoints,

0:06

S… Speaker 2 (273. Adding Query Params)

you can also attach certain query parameters.

0:09

S… Speaker 2 (273. Adding Query Params)

And of course,

0:09

S… Speaker 2 (273. Adding Query Params)

again, it depends on the API endpoint you're sending the request to,

0:13

S… Speaker 2 (273. Adding Query Params)

which query parameters are supported.

0:16

S… Speaker 2 (273. Adding Query Params)

For example,

0:17

S… Speaker 2 (273. Adding Query Params)

the Firebase REST API,

0:19

S… Speaker 2 (273. Adding Query Params)

and you can learn that in the official docs,

0:21

S… Speaker 2 (273. Adding Query Params)

supports one query parameter,

0:23

S… Speaker 2 (273. Adding Query Params)

which effect we can immediately see.

0:25

S… Speaker 2 (273. Adding Query Params)

You set parameters by adding the params key here in that

0:29

S… Speaker 2 (273. Adding Query Params)

same config object where you added headers and you set params

0:33

S… Speaker 2 (273. Adding Query Params)

equal to new HTTP params.

0:37

S… Speaker 2 (273. Adding Query Params)

Now, just as HTTP headers,

0:39

S… Speaker 2 (273. Adding Query Params)

you import HTTP params from at Angular slash

0:43

S… Speaker 2 (273. Adding Query Params)

common slash HTTP.

0:45

S… Speaker 1 (273. Adding Query Params)

Now,

0:47

S… Speaker 2 (273. Adding Query Params)

HTTP params works a bit differently than HTTP headers.

0:50

S… Speaker 1 (273. Adding Query Params)

There,

0:52

S… Speaker 2 (273. Adding Query Params)

you can call set,

0:53

S… Speaker 2 (273. Adding Query Params)

and now you can set a param name and a value for that.

0:57

S… Speaker 1 (273. Adding Query Params)

And there,

0:58

S… Speaker 2 (273. Adding Query Params)

for example, you can set print,

1:01

S… Speaker 2 (273. Adding Query Params)

and that is a search param,

1:02

S… Speaker 2 (273. Adding Query Params)

a query param supported by Firebase,

1:04

S… Speaker 1 (273. Adding Query Params)

print,

1:05

S… Speaker 2 (273. Adding Query Params)

and you set this to a value to pretty.

1:07

S… Speaker 2 (273. Adding Query Params)

And this just changes the format in which Firebase returns

1:11

S… Speaker 1 (273. Adding Query Params)

its data.

1:12

S… Speaker 1 (273. Adding Query Params)

Now,

1:13

S… Speaker 2 (273. Adding Query Params)

if we save that,

1:13

S… Speaker 1 (273. Adding Query Params)

this loads,

1:17

S… Speaker 2 (273. Adding Query Params)

and now if I clear that and I click this again,

1:20

S… Speaker 2 (273. Adding Query Params)

and we inspect this request you see now it has this

1:24

S… Speaker 2 (273. Adding Query Params)

query parameter attached to the end of the url and of course you could

1:28

S… Speaker 2 (273. Adding Query Params)

have added this to the url yourself up there too you could have added

1:32

S… Speaker 2 (273. Adding Query Params)

print equals pretty up there and add with an ampersand

1:36

S… Speaker 2 (273. Adding Query Params)

in between as many

1:38

S… Speaker 2 (273. Adding Query Params)

key value pairs as you need or as your API endpoint supports.

1:42

S… Speaker 2 (273. Adding Query Params)

You can do that here in the URL,

1:44

S… Speaker 2 (273. Adding Query Params)

but by using this params config,

1:47

S… Speaker 2 (273. Adding Query Params)

it's a bit more convenient because you don't need to concatenate a super long

1:51

S… Speaker 1 (273. Adding Query Params)

string.

1:51

S… Speaker 2 (273. Adding Query Params)

You simply set them here with the set method.

1:54

S… Speaker 1 (273. Adding Query Params)

Now,

1:55

S… Speaker 2 (273. Adding Query Params)

if you wanted to set multiple params,

1:57

S… Speaker 2 (273. Adding Query Params)

you can simply do this by adding a search params

2:01

S… Speaker 2 (273. Adding Query Params)

constant or whatever you want to name it,

2:03

S… Speaker 2 (273. Adding Query Params)

create your new params object there.

2:06

S… Speaker 2 (273. Adding Query Params)

And now here,

2:07

S… Speaker 2 (273. Adding Query Params)

you can call search params append and append a new param

2:11

S… Speaker 2 (273. Adding Query Params)

key value pair like print pretty.

2:13

S… Speaker 1 (273. Adding Query Params)

Important,

2:14

S… Speaker 2 (273. Adding Query Params)

however, search params,

2:16

S… Speaker 2 (273. Adding Query Params)

this object is immutable.

2:17

S… Speaker 2 (273. Adding Query Params)

So you actually need to overwrite this and therefore this needs to be a

2:21

S… Speaker 2 (273. Adding Query Params)

variable with a new result of

2:26

S… Speaker 1 (273. Adding Query Params)

append.

2:27

S… Speaker 2 (273. Adding Query Params)

So what you would do here in the end is you call append and this returns

2:31

S… Speaker 2 (273. Adding Query Params)

a new HTTP params object and you store that new object which has

2:35

S… Speaker 2 (273. Adding Query Params)

these new key value pairs added to it in the search purpose variable,

2:38

S… Speaker 2 (273. Adding Query Params)

overwriting the old one.

2:39

S… Speaker 2 (273. Adding Query Params)

So you still have a HTTP params object in there,

2:42

S… Speaker 2 (273. Adding Query Params)

but a new one.

2:43

S… Speaker 2 (273. Adding Query Params)

And if you have multiple

2:46

S… Speaker 2 (273. Adding Query Params)

key value pairs,

2:47

S… Speaker 2 (273. Adding Query Params)

then you simply repeat that step.

2:48

S… Speaker 2 (273. Adding Query Params)

With append,

2:49

S… Speaker 2 (273. Adding Query Params)

the old ones will be kept,

2:51

S… Speaker 2 (273. Adding Query Params)

but the new ones will be added to a new HTTP params object,

2:54

S… Speaker 2 (273. Adding Query Params)

which will then replace the old one by storing it in its same variable.

2:58

S… Speaker 2 (273. Adding Query Params)

So here you could also have your custom key,

3:00

S… Speaker 2 (273. Adding Query Params)

which is not supported by Firebase,

3:02

S… Speaker 2 (273. Adding Query Params)

but you can still send this,

3:03

S… Speaker 2 (273. Adding Query Params)

it won't cause any harm.

3:05

S… Speaker 2 (273. Adding Query Params)

And then you simply add your search params here for the params

3:09

S… Speaker 2 (273. Adding Query Params)

in your config object,

3:10

S… Speaker 2 (273. Adding Query Params)

and this is how you can attach multiple

3:13

S… Speaker 2 (273. Adding Query Params)

params if you want to we can see the effect here if i fetch now

3:18

S… Speaker 2 (273. Adding Query Params)

you see we have multiple search parameters attached again you could have done

3:22

S… Speaker 2 (273. Adding Query Params)

that directly in the url but by using the http params object

3:26

S… Speaker 2 (273. Adding Query Params)

and the configuration object it's a bit more convenient now

3:30

S… Speaker 2 (273. Adding Query Params)

by the way in case you're wondering what these parameters do custom key does nothing

3:34

S… Speaker 2 (273. Adding Query Params)

that's just something i came up with it's not supported by firebase but as i mentioned

3:38

S… Speaker 2 (273. Adding Query Params)

it's also no problem if we add this

3:41

S… Speaker 2 (273. Adding Query Params)

Print pretty does something in the response.

3:43

S… Speaker 2 (273. Adding Query Params)

It prints this in a more pretty way.

3:45

S… Speaker 2 (273. Adding Query Params)

It adds some extra white space and line breaks so that this is more human readable.

3:49

S… Speaker 2 (273. Adding Query Params)

Absolutely does not matter for our app where we read this with our

3:53

S… Speaker 2 (273. Adding Query Params)

code anyways,

3:54

S… Speaker 2 (273. Adding Query Params)

but it just wanted some example to show how to add query parameters.

Essa transcrição foi gerada pela IA (reconhecimento automático de fala). Pode conter erros — verificar contra o áudio original para uso crítico. Política de IA

❤️ Adora o STT.ai? Conte aos seus amigos!

Resumo

Clique em Summarize para gerar um resumo de IA desta transcrição.

Pergunte à IA sobre este Transcrito

Pergunte qualquer coisa sobre esta transcrição — a IA vai encontrar seções relevantes e resposta.

Transcrição Outro