Skip to content
Angular2 (Alpha 47) playground with Echonest API and RxJs
JavaScript CSS TypeScript HTML
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
src Test sourceTree Feb 22, 2016
.gitignore git Nov 4, 2015
CHANGELOG.md Hello world Nov 4, 2015
LICENSE Hello world Nov 4, 2015
README.md Update README.md Mar 9, 2016
karma.conf.js Hello world Nov 4, 2015
package.json chore(Update): updated to alpha.47 and minor cleanup Dec 6, 2015
spec.bundle.js Hello world Nov 4, 2015
tsconfig.json Hello world Nov 4, 2015
typedoc.json
webpack.config.js TitleStore in progress Nov 10, 2015

README.md

angular2echonest

Angular2 (Alpha 47) playground with Echonest API.

You may also want to have a look at the two complementary blog posts I wrote about this sample project, for a (nearly) step-by-step explanation.

https://medium.com/@marcosloic/writing-a-basic-application-with-angular-2-5811cf6d6bb#.itnamrq49 https://medium.com/@marcosloic/managing-state-in-angular-2-using-rxjs-b849d6bbd5a5#.p8vdim65o

#Installation

#Description Since Angular 2 is still in alpha, the documentation is scarce and/or incomplete and/or outdated. This sample aims to provide real-life and up-to-dateish examples of use :

  • Querying an API with http module and using the data
  • Using the router, using router-parameters
  • Passing data from parent to child component through @Input()
  • ng-for, ng-if, etc.
  • Using pipes
  • Holding the app state in a Reactive store

There isn't a styleguide that carry nearly-authoritative weight right now (As there was John Papa's for Angular 1), but this sample tries to follow some concepts I picked from using React/redux, where smart components do the heavy lifting and pass the data to their dumb childs.

You can’t perform that action at this time.