docs(core): fix typos in the "View Encapsulation" guide (#39246)

1. In line 25 changed the word "components" to "component's".
2. In line 66 changed the phrase "you never refer to them" to "you should never refer to them".
3. Appended the paragraph containing the above phrase in a `div` with the class `alert is-helpful`.

PR Close #39246
This commit is contained in:
Panagiotis Kyriazopoulos 2020-10-13 20:11:09 +03:00 committed by Misko Hevery
parent f408af30bb
commit 2292554856
1 changed files with 2 additions and 2 deletions

View File

@ -22,7 +22,7 @@ Choose from the following modes:
The scoping rules, isolations, and protections discussed earlier don't apply.
This is essentially the same as pasting the component's styles into the HTML.
To set the components encapsulation mode, use the `encapsulation` property in the component metadata:
To set the component's encapsulation mode, use the `encapsulation` property in the component metadata:
<code-example path="component-styles/src/app/quest-summary.component.ts" region="encapsulation.shadow" header="src/app/quest-summary.component.ts"></code-example>
@ -61,7 +61,7 @@ There are two kinds of generated attributes:
that identifies to which host's emulated shadow DOM this element belongs.
The exact values of these attributes aren't important. They are automatically
generated and you never refer to them in application code. But they are targeted
generated and you should never refer to them in application code. But they are targeted
by the generated component styles, which are in the `<head>` section of the DOM:
<code-example format="">