我希望创建一个包含多个
标签的单个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;
}]);
首页文件.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文件夹中,我有两个名为edit.html和productlist.html的HTML视图。
我希望将它们合并成一个单独的HTML文件,并通过路由调用它们(divs)。如何实现这一点?