@@ -600,10 +600,10 @@ figure.image-display
600
600
.l-main-section
601
601
:marked
602
602
<a id="other-bindings"></a>
603
- ## Attribute, class , and style bindings
603
+ ## Attribute, Class , and Style Bindings
604
604
The template syntax provides specialized one-way bindings for scenarios less well suited to property binding.
605
605
606
- ### Attribute binding
606
+ ### Attribute Binding
607
607
We can set the value of an attribute directly with an **attribute binding**.
608
608
.l-sub-section
609
609
:marked
@@ -653,7 +653,7 @@ code-example(format="nocode").
653
653
is to set ARIA attributes, as in this example:
654
654
+ makeExample('template-syntax/ts/app/app.component.html' , 'attrib-binding-aria' )( format ="." )
655
655
:marked
656
- ### Class binding
656
+ ### Class Binding
657
657
658
658
We can add and remove CSS class names from an element’s `class` attribute with
659
659
a **class binding**.
@@ -684,7 +684,7 @@ block dart-class-binding-bug
684
684
we generally prefer the [NgClass directive](#ngClass) for managing multiple class names at the same time.
685
685
686
686
:marked
687
- ### Style binding
687
+ ### Style Binding
688
688
689
689
We can set inline styles with a **style binding**.
690
690
@@ -713,7 +713,7 @@ block style-property-name-dart-diff
713
713
714
714
.l-main-section
715
715
:marked
716
- ## Event binding
716
+ ## Event Binding
717
717
The bindings we’ve met so far flow data in one direction: *from the component to an element*.
718
718
719
719
Users don’t just stare at the screen. They enter text into input boxes. They pick items from lists.
@@ -730,7 +730,7 @@ block style-property-name-dart-diff
730
730
the component's `onSave()` method whenever a click occurs:
731
731
+ makeExample('template-syntax/ts/app/app.component.html' , 'event-binding-1' )( format ="." )
732
732
:marked
733
- ### Target event
733
+ ### Target Event
734
734
A **name between enclosing parentheses** — for example, `(click)` —
735
735
identifies the target event. In the following example, the target is the button’s click event.
736
736
+ makeExample('template-syntax/ts/app/app.component.html' , 'event-binding-1' )( format ="." )
@@ -780,7 +780,7 @@ block style-property-name-dart-diff
780
780
781
781
<a id="eventemitter"></a>
782
782
<a id="custom-event"></a>
783
- ### Custom events with EventEmitter
783
+ ### Custom Events with EventEmitter
784
784
785
785
Directives typically raise custom events with an Angular [EventEmitter](../api/core/index/EventEmitter-class.html).
786
786
A directive creates an `EventEmitter` and exposes it as a property.
0 commit comments