title: Defining multiple states in Angular in one line, using UI-Router
body: <p>Apologies if this question is obvious.</p>
  
  <p>I am defining several states simultaneously in my main modules file for use with UI-Router.</p>
  
  <p>My code is:</p>
  
  <pre><code> samApp.config(function($stateProvider) {
    $stateProvider
      .state('index', {
        url: "",
        views: {
          "nav": {template: "index.nav"},
          "header": { template: "index.viewA" },
          "page": { template: "index.viewB" }
        }
      })
      .state('articles', {
        url: "/route1",
        views: {
          "nav": {template: "index.nav"},
          "viewA": { template: "route1.viewA" },
          "viewB": { template: "route1.viewB" }
        }
      })
      .state('route2', {
        url: "/route2",
        views: {
          "nav": {template: "index.nav"},
          "viewA": { template: "route2.viewA" },
          "viewB": { template: "route2.viewB" }
        }
      })
  });
  </code></pre>
  
  <p>As you can see, I want every route to use the same Nav. Would it be possible to write something like:</p>
  
  <pre><code>.state(['index', 'articles', 'route2'], {
        url: "",
        views: {
          "nav": {template: "index.nav"}
        }
      })
  </code></pre>
  
  <p>Or is this just out of the question?
  Thank you.</p>