8/16/2019 A2 Basic Cheat Sheet

1/4

By: Mosh Hamedani

Creating Components

!"#$%& ()$"#$*+*&, -%$" ./*012/%345$%+6

7)$"#$*+*&8(

9+2+5&$%: .5$1%9+96;

&+"#2/&+: .)$1%9+9

,?

+@#$%& 52/99 )$"#$*+*& ( ,

Using Components

In AppComponent:

!"#$%& ()$1%9+9)$"#$*+*&, -%$" .A45$1%9+9A5$"#$*+*&6

7)$"#$*+*&8( 

&+"#2/&+: .6;

B!%+5&!C+9: D)$1%9+9)$"#$*+*&E 

,?

1

8/16/2019 A2 Basic Cheat Sheet

2/4

8/16/2019 A2 Basic Cheat Sheet

3/4

By: Mosh Hamedani

Dependency Injection

7)$"#$*+*&8( 

#%$C!B+%9: D)$1%9+L+%C!5+E 

,?

+@#$%& 52/99 )$1%9+)$"#$*+*& ( 

5$*9&%15&$%85$1%9+L+%C!5+: )$1%9+L+%C!5+? (,

 

,

Directives

Basic structure

!"#$%& (M!%+5&!C+, -%$" ./*012/%345$%+6

7M!%+5&!C+8( 

9+2+5&$%: D/1&$N%$OE; 

=$9&: ( 

.8-$519?6: .$*G$5198?6;

.8P21%?6: .$*Q21%8?6 

, 

,?

+@#$%& 52/99 R1&$N%$OM!%+5&!C+ ( 

$*G$5198? ( 

,

$*Q21%8? ( 

, 

,

3

8/16/2019 A2 Basic Cheat Sheet

4/4

By: Mosh Hamedani

To access and modify DOM elements

!"#$%& (S2+"+*&T+-; T+*B+%+%, -%$" ./*012/%345$%+6

+@#$%& 52/99 R1&$N%$OM!%+5&!C+ ( 

5$*9&%15&$%8+2: S2+"+*&T+-; %+*B+%+%: T+*B+%+%? ( 

, 

$*G$5198?( 

&=!9A%+*B+%+%A9+&S2+"+*&L&U2+8&=!9A+2; .O!B&=6;.3VV6?W

 

, 

,

4