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 විසින් ජනනය කරන ලදී (ස්වයංක්රීය කථාව හඳුනා). දෝෂ අඩංගු විය හැක - විවේචනාත්මක භාවිතය සඳහා මුල් ශ්රව්ය එරෙහිව තහවුරු. AI ප්රතිපත්තිය
සාරාංශය
මෙම පරිවර්තනය AI සාරාංශයක් ජනනය කිරීමට සාරාංශ ක්ලික් කරන්න.
සාරාංශගත කිරීම...
මෙම පරිවර්තනය ගැන AI අහන්න
මෙම පරිවර්තනය ගැන යමක් අහන්න - AI අදාළ කොටස් සොයා සහ පිළිතුරු දෙනු ඇත.