https://github.com/wolfiezero/scotch-school-getting-started-with-angular-2
Getting started with Angular 2
https://github.com/wolfiezero/scotch-school-getting-started-with-angular-2
angular angular-2 angular2 javascript
Last synced: about 2 months ago
JSON representation
Getting started with Angular 2
- Host: GitHub
- URL: https://github.com/wolfiezero/scotch-school-getting-started-with-angular-2
- Owner: WolfieZero
- Created: 2017-03-05T20:57:18.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2017-03-05T21:05:31.000Z (over 9 years ago)
- Last Synced: 2025-01-01T11:23:47.232Z (over 1 year ago)
- Topics: angular, angular-2, angular2, javascript
- Language: TypeScript
- Size: 50.8 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Angular 2
Following the course [**Getting Started with Angular 2+**](https://school.scotch.io/getting-started-with-angular-2)
## Structural Directive
```javascript
*ngFor="let user of users"
*ngIf="users"
```
## Putting Info Into a Component
```javascript
@Input()
```
## Bindings
### Property Binding - `[]`
Data flows INTO it one-way
```javascript
[class.active]="user === activeUser"
```
### Event Binding - `()`
Data flows OUT OF it one-way
```javascript
(Click)="selectUser(user)"
```
### Two-Way Data Binding - "The Banana in a Box"
```javascript
[(ngModel)]="activeUser.name"
```
## Links
[Style Guide](https://angular.io/docs/ts/latest/guide/style-guide.html)