Presentation is loading. Please wait.

Presentation is loading. Please wait.

05 | Routing, View Management & UIRouter

Similar presentations


Presentation on theme: "05 | Routing, View Management & UIRouter"— Presentation transcript:

1 05 | Routing, View Management & UIRouter
Stacey Mulcahy | Technical Evangelist Christopher Harrison | Content Developer

2 Routing, View Management, UIRouter and Animation
Ng-route Using ng-route Pretty URLS Using UI Router Animation

3 Routing with NgRoute Stacey Mulcahy | Technical Evangelist
Christopher Harrison | Content Developer

4 Using $routeProvider and ng-view

5 Using $routeProvider and $routeParams

6 Pretty URLS Stacey Mulcahy | Technical Evangelist
Christopher Harrison | Content Developer

7 Pretty URLs Pretty URLS get rid of the hashtag
Angular by default, uses the hashtag To get clean URLs, configure $locationProvider and set base for relative urls Configuring $locationProvider, will use the HistoryAPI – resulting in clean urls

8 Clean URLs with $locationProvider

9 UI Router Stacey Mulcahy | Technical Evangelist
Christopher Harrison | Content Developer

10 About UIRouter Routing framework built by Angular team
Changes view based on application state, not just route URL Can still use routing to change views with no URL change UI-Router is separate and needs to be loaded Links use ui-sref

11 Using UIRouter

12 Nested Views with UI-Router

13 Multiple Views with UI-Router

14


Download ppt "05 | Routing, View Management & UIRouter"

Similar presentations


Ads by Google