crie uma única visualização html para várias visualizações parciais em angularjs
Desejo criar um único arquivo html com várias tags. Estes devem atuar como visões individuais separadas que normalmente são mantidas em pastas parciais. E então eu gostaria de especificá-los no controlador de roteamento. Por enquanto estou fazendo o seguinte: app.js
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;
}]);
index.html
<!DOCTYPE html>
<html ng-app = "productapp">
<head>
<title>Search form with AngualrJS</title>
<script src="../angular-1.0.1.min.js"></script>
<script src="http://code.jquery.com/jquery.min.js"></script>
<script src="js/products.js"></script>
<script src="js/app.js"></script>
</head>
<body>
<div ng-view></div>
</body>
</html>
na pasta parciais: eu tenho 2 exibições de html chamadas edit.html e productlist.html
em vez de criar esses 2 arquivos, desejo combiná-los em um em separado e chamá-los (os divs) por meio de roteamento. Como eu faço isso?