22
में एकाधिक आंशिक दृश्यों के लिए एक एकल HTML दृश्य बनाएं, मैं एकाधिक टैग के साथ एक एकल HTML फ़ाइल बनाना चाहता हूं। इन्हें अलग-अलग व्यक्तिगत विचारों के रूप में कार्य करना चाहिए जिन्हें आम तौर पर आंशिक फ़ोल्डर में रखा जाता है। और फिर मैं उन्हें रूटिंग नियंत्रक में निर्दिष्ट करना चाहता हूं। अब मैं के रूप में कर रहा हूँ के लिए इस प्रकार है: app.jsangularjs
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 एचटीएमएल edit.html नामित दृश्य दिखाई देते हैं और
productlist.htmlइन 2 फाइलों को बनाने के बजाय मैं उन्हें अलग-अलग में जोड़ना चाहता हूं और रूटिंग के माध्यम से उन्हें (divs) कहता हूं। मैं यह कैसे कर सकता हूं?
कृपया समझाएं। क्या आप index.html में div जोड़ना चाहते हैं? –
index.html में कोई नहीं लेकिन कुछ अन्य html फ़ाइल – z22
में क्यों jQuery का उपयोग नहीं? या सिर्फ divs को दिखाने/छिपाने के लिए जावास्क्रिप्ट, सभी एक ही div में। – nycynik