20_using_custom_components
Jul 13, 2026 07:14
· 1:12
· English
· Whisper Turbo
· 2 Mga Speaker
Ang transcript na ito ay magtatapos ngayon.
Upgrade para sa permanenteng imbakan →
Pagsasama-sama lamang
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
Ang transcript na ito ay ginawa ng AI (automatic speech recognition). Maaaring may mga pagkakamali — suriin ang orihinal na audio para sa kritikal na paggamit. Patakaran ng AI
Buod
I-click ang Summarize upang makabuo ng isang AI buod ng transcript na ito.
Pagbubuod...
Magtanong sa AI Tungkol sa Transcript na Ito
Magtanong ng anumang bagay tungkol sa transcript na ito - ang AI ay makahanap ng mga kaugnay na mga seksyon at sagot.