Angular 2 Community FAQ

When will Angular 2 be released?

Is Angular 2 Ready for me?

Components

How do I communicate between two sibling components?

There are two common approaches; Use a shared service, or have a common parent pass messages between the two.

Shared service example

Router

Any good tutorials for the Router?

Not yet, in the meantime you can look at this: https://www.youtube.com/watch?v=z1NB-HG0ZH4

You can also take a look at this Plunkr, which while complex, does just about everything you would want with the router. http://plnkr.co/edit/Bim8OGO7oddxBaa26WzR?p=preview

How do I do breadcrumbs with the Router?

See: http://plnkr.co/edit/4cw2fPv3vX36v5Lu9Dnq?p=preview

How do I do make the Router components and directives available for every component?

See: http://plnkr.co/edit/FmMBasgv1rC1Qs6sJTMA?p=preview

Redux with Rx and Angular 2

RXJS

Observable.map() (etc...) doesn't work!

What are observables and where can I learn more about them and Rx?

• You may want to read this introduction: https://gist.github.com/staltz/868e7e9bc2a7b8c1f754
• For visual examples of Rx see: Rx Marbles
• RxJS 4 operator documentation with examples (applies reasonably to RxJS 5 in Angular 2)
• Filtering data using observables and form inputs
• Drag and drop list (similar to JqueryUI sortable list)
• Youtube Talks
  • Rob Wormald
    • Everything is a Stream
    • Angular 2 Data Flow - Jeff Cross, Rob Wormald and Alex Rickabaugh
    • Angular 2 Data Flow - Rob Wormald
• Non Free resources:
  • https://egghead.io/series/introduction-to-reactive-programming
  • https://pragprog.com/book/smreactjs/reactive-programming-with-rxjs

Forms

Validation

How do I use more than one validator on a single control?

How do I make a custom validator?

How do I make an async validator?

[How do I validate a control based on the value in another control?] (http://plnkr.co/edit/NqQhBPJJo1PzHfisvh9J?p=preview)

Complex forms

How do I have a select box that is dependant on another select box

AKA: How do I make a state/province dropdown that changes contents when the country changes?

How do I have form elements in sub components

Templates

How do I make n elements in an *ngFor without a model?