title: Defining ng-view="NAME" from RouteProvider
body: <p>I'm really new to Angular and I have a little question about sending a template or URL into a ng-view. But the way I intend to do I may have to ng-view in my base template.</p>
  
  <p>When my template base is like this:</p>
  
  <pre><code>&lt;body&gt;
     &lt;div ng-view&gt;&lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>And my JS looks like:</p>
  
  <pre><code>var app = angular.module('myApp',[])
  .config(['$routeProvider', '$locationProvider', '$httpProvider', function($routeProvider, $locationProvider, $httpProvider) {
      $routeProvider
      .when('/home', {
          templateUrl: '/contato'
      })
  (...)
  </code></pre>
  
  <p>Works fine loading URL inside ng-view when I have only ONE ng-view case, HOW ABOUT IF I need to have more then one ng-view to load ? (like: ng-view="area1" and ng-view="area2")</p>
  
  <p>I've tried in each $routeProvider, but won't work:</p>
  
  <pre><code>    $routeProvider
      .when('/home', {
          area1: {templateUrl: '/path1'},
          area2: {templateUrl: '/path2'}
  })
  </code></pre>
  
  <p>How would be the right way to set each ng-view separately? </p>
  
  <p>Appreciate any help! Thanks.</p>