Routing

Add routes to build powerful single-page applications.

Start[missing "en.views.course_landing_page.learn-angularjs.course_illustration" translation]
Routing
Lesson 1 of 1
  1. 1

    So far we've made AngularJS apps that display data in a single view index.html. But what happens when the app grows and needs to display more information? Stuffing more code to a single view w...

  2. 2

    Great! A gallery of images shows up. How does it work? 1. In app.js inside the [...] method, we use Angular's [...] to define the application routes. 2. We used [...] to map the URL [......

  3. 3

    What did we just do? 1. In app.js, we mapped a URL to [...] and [...] . We added a variable part named [...] to the URL, like this: [...] . 2. In PhotoController, we used Angular's ...

  4. 4

    Why are routes useful? Instead of filling a single view with more code than needed, routes let us map URLs to self-contained controllers and templates. Furthermore, now that the app has URLs, users...

What you'll create

Portfolio projects that showcase your new skills

Pro Logo

How you'll master it

Stress-test your knowledge with quizzes that help commit syntax to memory

Pro Logo

Routing

Start[missing "en.views.course_landing_page.learn-angularjs.course_illustration" translation]