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 عن هذا النص
وإذا سألت عن أي شيء في هذا النص، سيجد المحقق الخاص الأقسام ذات الصلة ويجيبك.