message: docs(extended-diagnostics): fix code example
  Update code examples to use &lt; and &gt for html elements
  PR Close
diff: This diagnostic detects when the `.px`, `.%`, and `.em` suffixes are used with an attribute
  binding. These suffixes are only available for style bindings.
  -<code-example format="typescript" language="typescript">
  +<code-example format="html" language="html">
  -import {Component} from '&commat;angular/core';
  -
  -&commat;Component({
  - // This will result in &commat;div width.px="5">&commat;/div> in the DOM when the likely
  - // intent is &commat;div width="5px">&commat;/div>
  - template: `<div [attr.width.px]="5"></div>`,
  -})
  -class MyComponent {
  -}
  +&lt;div [attr.width.px]="5"&gt;&lt;/div&gt;
  </code-example>
  @@ -24,15 +16,9 @@ class MyComponent {
  Rather than using the `.px`, `.%`, or `.em` suffixes that are only supported in style bindings,
  move this to the value assignment of the binding.
  -<code-example format="typescript" language="typescript">
  +<code-example format="html" language="html">
  -import {Component} from '&commat;angular/core';
  -
  -&commat;Component({
  - template: `<div [attr.width]="'5px'"></div>`,
  -})
  -class MyComponent {
  -}
  +&lt;div [attr.width]="'5px'"&gt;&lt;/div&gt;
  </code-example>
  