создать один HTML-представление для нескольких частичных представлений в angularjs
Я хочу создать один HTML-файл с несколькими тегами. Они должны действовать как отдельные отдельные представления, которые обычно хранятся в папке partials. И тогда я хочу указать их в контроллере маршрутизации. Сейчас я делаю следующее: 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>
в папке partials: у меня есть 2 представления HTML с именами edit.html и productlist.html
вместо того, чтобы создавать эти 2 файла, я хочу объединить их в один в отдельности и вызвать их (div) через маршрутизацию. Как мне это сделать?