iSharkFly-Docs
/
angular-docs-cn
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

docs(elements): add notice about choosing a tag name in Elements guide (#40510) 

This commit adds a warning in the Elements guide about using
`@Component.selector` as the tag name for the registered custom element.
See also #40452 for context.

PR Close #40510
This commit is contained in:
George Kalpakas 2021-01-26 12:58:12 +02:00 committed by Jessica Janiuk
parent 73fcf47047
commit f1cf875872
1 changed files with 9 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
aio/content/guide/elements.md
View File

@ -71,6 +71,15 @@ When the browser encounters the tag for the registered element, it uses the cons
<img src="generated/images/guide/elements/createElement.png" alt="Transform a component to a custom element" class="left"> <img src="generated/images/guide/elements/createElement.png" alt="Transform a component to a custom element" class="left">
</div> </div>
<div class="alert is-important">
Avoid using the [`@Component`](api/core/Component) [selector](api/core/Directive#selector) as the custom-element tag name.
This can lead to unexpected behavior, due to Angular creating two component instances for a single DOM element:
One regular Angular component and a second one using the custom element.
</div>
### Mapping ### Mapping
A custom element _hosts_ an Angular component, providing a bridge between the data and logic defined in the component and standard DOM APIs. Component properties and logic maps directly into HTML attributes and the browser's event system. A custom element _hosts_ an Angular component, providing a bridge between the data and logic defined in the component and standard DOM APIs. Component properties and logic maps directly into HTML attributes and the browser's event system.