20_using_custom_components
Jul 13, 2026 07:14
· 1:12
· English
· Whisper Turbo
· 2 Wasemaji
Rekodi hiyo yamalizika leo.
Kufugwa kwa ajili ya uhifadhi wa kudumu →
Kuonyesha tu
0:02
S…
Speaker 1 (20_using_custom_components)
With our component registered,
0:04
S…
Speaker 1 (20_using_custom_components)
let's use it.
0:05
S…
Speaker 1 (20_using_custom_components)
So we have our selector here,
0:09
S…
Speaker 1 (20_using_custom_components)
app server.
0:10
S…
Speaker 1 (20_using_custom_components)
Now I told you we are not going to add it to the index .html file.
0:14
S…
Speaker 1 (20_using_custom_components)
There it wouldn't work.
0:15
S…
Speaker 2 (20_using_custom_components)
Instead,
0:16
S…
Speaker 1 (20_using_custom_components)
let's go to the app component .html file,
0:19
S…
Speaker 1 (20_using_custom_components)
the only other HTML file we have right now where we could add it.
0:23
S…
Speaker 1 (20_using_custom_components)
And here I'll add a horizontal line and below this I'll
0:27
S…
Speaker 1 (20_using_custom_components)
add my app server element here.
0:31
S…
Speaker 1 (20_using_custom_components)
And the shortcut I used here is just a little plugin called emet,
0:35
S…
Speaker 1 (20_using_custom_components)
available for many IDEs and editors,
0:37
S…
Speaker 1 (20_using_custom_components)
which gives you a quicker way of writing HTML.
0:40
S…
Speaker 1 (20_using_custom_components)
So here,
0:42
S…
Speaker 1 (20_using_custom_components)
app server is our own selector,
0:44
S…
Speaker 1 (20_using_custom_components)
our own element kind of we created.
0:47
S…
Speaker 1 (20_using_custom_components)
If we now save this,
0:48
S…
Speaker 1 (20_using_custom_components)
it should successfully recompile.
0:50
S…
Speaker 1 (20_using_custom_components)
And if we have a look at our running application,
0:53
S…
Speaker 1 (20_using_custom_components)
you see the server component here,
0:56
S…
Speaker 1 (20_using_custom_components)
our own component being added here.
0:59
S…
Speaker 1 (20_using_custom_components)
So that is how you can use your components then with their
1:03
S…
Speaker 1 (20_using_custom_components)
selector after adding them to app module and then well
1:08
S…
Speaker 1 (20_using_custom_components)
displaying them on the page
Nakala hii ilitokezwa na AI (utambuaji wa usemi wa kiaya). Inaweza kuwa na makosa Équipe dhidi ya sauti ya awali kwa utumizi wa kuchambua. Sera ya AI
Muhtasari
Bonyeza muhtasari ili kutokeza muhtasari wa AI juu ya nakala hii.
Kutoa muhtasari...
Uliza Maswali Kuhusu Mpito Huu
Uliza jambo lolote kuhusu nakala hii ya kitabu KULEA ile nitakayopata sehemu zinazofaa na majibu.