22
Tôi muốn tạo một tệp html duy nhất có nhiều thẻ. Chúng nên hoạt động như các khung nhìn riêng lẻ riêng lẻ thường được lưu giữ trong thư mục partials. Và sau đó tôi muốn chỉ định chúng trong bộ điều khiển định tuyến. Còn bây giờ tôi đang làm như sau: app.jstạo một chế độ xem html duy nhất cho nhiều chế độ xem một phần trong angularjs
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>
trong thư mục partials: tôi có 2 quan điểm html tên edit.html và productlist.html
thay vì tạo 2 tệp này, tôi muốn kết hợp chúng thành một tệp riêng biệt và gọi chúng (các div) thông qua định tuyến. Tôi làm như thế nào?
Vui lòng giải thích. Bạn có muốn thêm div vào index.html không? –
không có trong index.html nhưng trong một số tệp html khác – z22
tại sao không sử dụng jquery? hoặc chỉ javascript để hiển thị/ẩn div, tất cả trong cùng một div. – nycynik