title: create a single html view for multiple partial views in angularjs
body: <p>I wish to create a single html file with multiple  tags. These  should act as separate individual views that are usually kept in partials folder. 
  And then i wish to specify them in routing controller.
  For now i am doing as follows:
  app.js</p>
  
  <pre><code>    angular.module('productapp', []).
      config(['$routeProvider', function($routeProvider) {
      $routeProvider.
          when('/productapp', {templateUrl: 'partials/productList.html', controller: productsCtrl}).
          when('/productapp/:productId', {templateUrl: 'partials/edit.html', controller: editCtrl}).
          otherwise({redirectTo: '/productapp'});
          }], 
          ['$locationProvider', function($locationProvider) {
              $locationProvider.html5Mode = true;
  }]);
  </code></pre>
  
  <p>index.html</p>
  
  <pre><code>    &lt;!DOCTYPE html&gt;
  &lt;html ng-app = "productapp"&gt;
  &lt;head&gt;
  &lt;title&gt;Search form with AngualrJS&lt;/title&gt;
          &lt;script src="../angular-1.0.1.min.js"&gt;&lt;/script&gt;
          &lt;script src="http://code.jquery.com/jquery.min.js"&gt;&lt;/script&gt;
          &lt;script src="js/products.js"&gt;&lt;/script&gt;
          &lt;script src="js/app.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div ng-view&gt;&lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt; 
  </code></pre>
  
  <p>in partials folder:
  i have 2 html views named edit.html and productlist.html</p>
  
  <p>instead of creating these 2 files i wish combine them into one in separate  and call them (the divs) through routing.
  How do i do this?</p>