20_using_custom_components
Jul 13, 2026 07:14
· 1:12
· English
· Whisper Turbo
· 2 གསལ་བཤད་
ཡིག་ཆ་འདི་ཕྱི་ཚེས་ ༡༥ ཉིན་མཇུག་བསྡུ་ནི་ཨིན་མས།
གནས་བརྟན་གྱི་གནས་བཞག་གོང་འཕེལ་བཏང། →
སྟོན་རྐྱངམ་ཅིག་
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
ཡིག་སྒྱུར་འདི་ བཅོས་མའི་བློ་རིག་ (སྒྲ་ངོས་འཛིན་བྱེད་པའི་འཕྲུལ་རིག་) གིས་བཟོ་སྟེ་ཡོདཔ་ཨིན། འཛོལ་བ་འབྱུང་སྲིད་པ་ལ་ — གལ་སྲིད་ཁག་ཆེ་བའི་དོན་ལས་ ངོ་མ་གི་སྒྲ་སྐད་དང་འཕྱད་ཞིབ་འབད་དགོཔ་ཨིན། བཅོས་མའི་བློ་རིག་གི་སྲིད་བྱུས་
བཅུད་དོན་
ཡིག་ཆ་འདི་གི་ AI བཅུད་བསྡུ་ཐོན་ནི་གི་དོན་ལས་ བཅུད་བསྡུ་ ཟེར་བའི་བསྒང་འདི་བསྒང་བསྒ
དྲན་ཐོ་བསྡུ་གསོག...
དྲན་ཤེས་ལ་དྲི་བ་དྲིས་ལན་ཞུ།
ཡིག་ཆ་འདི་གི་སྐོར་ལ་དྲི་བ་ཅི་རིགས་ཞུས་ནའང་ བཅོས་མའི་བློ་རིག་གིས་ འབྲེལ་བ་ཡོད་པའི་དོན་ཚན་ཚུ་ འཚོལ་ཞིབ་ དང་ལན་འདེབས་ འབད་འོང་།