4,500
edits
Angular 2: Difference between revisions
revision on headers
revision on headers |
|||
| Line 1: | Line 1: | ||
= | = Notes from Quickstart tutorial from the angular site = | ||
=== turn off connection logging | = npm lite-server related = | ||
== turn off connection logging == | |||
Setting logConnection to false in bs-config.json did not work. The connection is logged by a middleware called connect-logger and you can disable it by creating <span class="package">bs-config.js</span> with the following content. | Setting logConnection to false in bs-config.json did not work. The connection is logged by a middleware called connect-logger and you can disable it by creating <span class="package">bs-config.js</span> with the following content. | ||
| Line 11: | Line 13: | ||
</source> | </source> | ||
== turn off file change updates == | |||
Add <span class="shell">logFileChanges</span> line to disable logging of file change updates. | Add <span class="shell">logFileChanges</span> line to disable logging of file change updates. | ||
| Line 22: | Line 24: | ||
</source> | </source> | ||
= Event = | |||
An example event binding. | An example event binding. | ||
| Line 38: | Line 40: | ||
[https://developer.mozilla.org/en-US/docs/Web/Events List of events that can be used on MDN.] | [https://developer.mozilla.org/en-US/docs/Web/Events List of events that can be used on MDN.] | ||
= Data Architecture = | |||
== Observables (aka Reactive Programming) == | |||
* Promises emit single values, and streams emit multiple values | * Promises emit single values, and streams emit multiple values | ||
| Line 48: | Line 50: | ||
* streams are composable -- they are like a pipeline of operations over your data | * streams are composable -- they are like a pipeline of operations over your data | ||
== Ways to get data into the application == | |||
* AJAX HTTP Requests | * AJAX HTTP Requests | ||
| Line 56: | Line 58: | ||
* Service Workers | * Service Workers | ||
== New ideas on the horizon == | |||
* MVW | * MVW | ||
| Line 63: | Line 65: | ||
* Falcor | * Falcor | ||
= Forms = | |||
== FormBuilder == | |||
<syntaxhighlight lang="typescript"> | <syntaxhighlight lang="typescript"> | ||
| Line 83: | Line 85: | ||
</syntaxhighlight> | </syntaxhighlight> | ||
== @Component Annotation == | |||
<source lang="typescript"> | <source lang="typescript"> | ||
| Line 117: | Line 119: | ||
ngForm includes the <code>form</code> tag in its selector (instead of requiring you to explicitly add ngForm as an attribute). If you inject FORM_DIRECTIVES, ngForm will get automatically attached to any <form> tags you have in your view. | ngForm includes the <code>form</code> tag in its selector (instead of requiring you to explicitly add ngForm as an attribute). If you inject FORM_DIRECTIVES, ngForm will get automatically attached to any <form> tags you have in your view. | ||
== ControlGroup == | |||
<syntaxhighlight lang="typescript"> | <syntaxhighlight lang="typescript"> | ||
| Line 129: | Line 131: | ||
</syntaxhighlight> | </syntaxhighlight> | ||
== Control == | |||
<syntaxhighlight lang="typescript"> | <syntaxhighlight lang="typescript"> | ||
| Line 143: | Line 145: | ||
</syntaxhighlight> | </syntaxhighlight> | ||
= Built-in Components = | |||
== <nowiki>ngIf</nowiki> == | |||
<syntaxhighlight lang="html"> | <syntaxhighlight lang="html"> | ||
| Line 154: | Line 156: | ||
</syntaxhighlight> | </syntaxhighlight> | ||
== <nowiki>ngSwitch</nowiki> == | |||
<syntaxhighlight lang="html"> | <syntaxhighlight lang="html"> | ||
| Line 164: | Line 166: | ||
</syntaxhighlight> | </syntaxhighlight> | ||
== <nowiki>ngStyle</nowiki> == | |||
<syntaxhighlight lang="html"> | <syntaxhighlight lang="html"> | ||
| Line 174: | Line 176: | ||
</syntaxhighlight> | </syntaxhighlight> | ||
== <nowiki>ngClass</nowiki> == | |||
<syntaxhighlight lang="css"> | <syntaxhighlight lang="css"> | ||
| Line 219: | Line 221: | ||
</syntaxhighlight> | </syntaxhighlight> | ||
== <nowiki>ngFor</nowiki> == | |||
<syntaxhighlight lang="typescript"> | <syntaxhighlight lang="typescript"> | ||
| Line 239: | Line 241: | ||
</syntaxhighlight> | </syntaxhighlight> | ||
== <nowiki>ngNonBindable</nowiki> == | |||
<syntaxhighlight lang="html"> | <syntaxhighlight lang="html"> | ||
| Line 250: | Line 252: | ||
</syntaxhighlight> | </syntaxhighlight> | ||
= Miscellaneous = | |||
Four basic libraries to include | Four basic libraries to include | ||