filmov
tv
Getting Started with AngularJS UI Router -- Part 2

Показать описание
This Video Tutorial consists of 3 videos and the github repository linked above that you can use to follow along:
* Video 1: setup, requirements and installation along with an overview of the project's content
* Video 3: setting up tests for your routes using karma, jasmine and the snippets provided in the repository.
This video covers the following:
* adding the Visual Studio Code Snippets used in this video and the following video to your installation of Visual Studio Code.
* using the snippets to bootstrap a simple AngularJS application with 3 child states nested within 1 parent state for tabbed design with unique URLs for each tab. (I ran into an error at around 7:00 in, paused to solve it, and resumed at around 8:00 to explain the solution)
* using the ui-view directive to instruct UI router where to insert the content corresponding to our states.
* using the ui-sref attribute on links (instead of href) to create state based navigation that allows for updating URLs without having to track down a bunch of links (because the links are to the names of the states and the urls are determined by the url attribute of the state object)
* using the tachyons css library to add some basic styles to the tabs.