@@ -581,7 +581,7 @@ a(id="one-time-initialization")
581
581
582
582
583
583
:marked
584
- #### Content Security
584
+ #### Content security
585
585
Imagine the following *malicious content*.
586
586
+ makeExample('template-syntax/ts/app/app.component.ts' , 'evil-title' )( format ="." )
587
587
:marked
@@ -599,10 +599,10 @@ figure.image-display
599
599
.l-main-section
600
600
:marked
601
601
<a id="other-bindings"></a>
602
- ## Attribute, Class , and Style Bindings
602
+ ## Attribute, class , and style bindings
603
603
The template syntax provides specialized one-way bindings for scenarios less well suited to property binding.
604
604
605
- ### Attribute Binding
605
+ ### Attribute binding
606
606
We can set the value of an attribute directly with an **attribute binding**.
607
607
.l-sub-section
608
608
:marked
@@ -652,7 +652,7 @@ code-example(format="nocode").
652
652
is to set ARIA attributes, as in this example:
653
653
+ makeExample('template-syntax/ts/app/app.component.html' , 'attrib-binding-aria' )( format ="." )
654
654
:marked
655
- ### Class Binding
655
+ ### Class binding
656
656
657
657
We can add and remove CSS class names from an element’s `class` attribute with
658
658
a **class binding**.
@@ -680,7 +680,7 @@ code-example(format="nocode").
680
680
we generally prefer the [NgClass directive](#ngClass) for managing multiple class names at the same time.
681
681
682
682
:marked
683
- ### Style Binding
683
+ ### Style binding
684
684
685
685
We can set inline styles with a **style binding**.
686
686
@@ -744,7 +744,7 @@ block style-property-name-dart-diff
744
744
on [aliasing input/output properties](#aliasing-io).
745
745
746
746
:marked
747
- If the name fails to match element event or output property of a known directive,
747
+ If the name fails to match an element event or an output property of a known directive,
748
748
Angular reports an “unknown directive” error.
749
749
750
750
### *$event* and event handling statements
@@ -775,7 +775,7 @@ block style-property-name-dart-diff
775
775
776
776
<a id="eventemitter"></a>
777
777
<a id="custom-event"></a>
778
- ### Custom Events with EventEmitter
778
+ ### Custom events with EventEmitter
779
779
780
780
Directives typically raise custom events with an Angular [EventEmitter](../api/core/index/EventEmitter-class.html).
781
781
The directive creates an `EventEmitter` and exposes it as a property.
@@ -850,7 +850,7 @@ block style-property-name-dart-diff
850
850
851
851
Angular offers a special _two-way data binding_ syntax for this purpose, **`[(x)]`**.
852
852
The `[(x)]` syntax combines the brackets
853
- of _Property Binding_ , `[x]`, with the parentheses of _Event Binding_ , `(x)`.
853
+ of _property binding_ , `[x]`, with the parentheses of _event binding_ , `(x)`.
854
854
855
855
.callout.is-important
856
856
header [( )] = banana in a box
0 commit comments