5
पर कोई त्रुटि रिपोर्ट नहीं की गई है, मैं AngularJS के लिए बिल्कुल नया हूं और मैंने एक सरल ऐप बनाया है जिसमें निम्नलिखित पृष्ठ हैं।ngRoute काम नहीं कर रहा है, जबकि
1) index.html
2) View1.html
3) View2.html
समस्या का सामना करना पड़ रहा हूँ, जबकि View1 और View2 करने के लिए एप्लिकेशन मार्ग है। कोई आउटपुट प्रदर्शित नहीं होता है और ब्राउज़र। कुछ शोध के बाद मुझे एहसास हुआ कि कोणीय संस्करण 1.2 से आगे, अलग "कोणीय-मार्ग.जेएस" फ़ाइल को शामिल करने की आवश्यकता है जो मैंने किया लेकिन मुझे कोई मदद नहीं मिली। क्या आप इसे देख सकते हैं और समाधान प्रदान कर सकते हैं।
पीएस: मैं कोणीय के लिए नया हूं इसलिए अगर मुझे कोई छोटी गलती हुई है तो कृपया मुझे छोड़ दें।
मेरा कोड यहां है।
index.html
<html data-ng-app="demoApp">
<head>
<title>Using AngularJS Directives and Data Binding</title>
<meta charset="UTF-8">
<script src="Scripts/angular.js"></script>
<script src="Scripts/angular-route.js"></script>
</head>
<body>
<div>
<!--Placeholder for Views-->
<div data-ng-view=""></div>
</div>
<script>
var demoApp = angular.module('demoApp',['ngRoute']);
demoApp.config(function($routeProvider){
//demoApp.config(['$routeProvider',function($routeProvider){
$routeProvider
.when('/view1',{
controller: 'SimpleController',
templateurl: 'Partials/View1.html'
})
.when('/view2',{
controller: 'SimpleController',
templateurl: 'Partials/View1.html'
})
.otherwise({ redirectTo: '/view1'});
});
demoApp.controller('SimpleController', function ($scope) {
$scope.customers = [
{name:'John Smith', city:'Phoenix'},
{name:'John Doe', city:'New York'},
{name:'Jane Doe', city:'San Fancisco'}
];
$scope.addCustomer = function() {
$scope.customers.push(
{
name: $scope.newCustomer.name,
city: $scope.newCustomer.city
});
};
});
</script>
</body>
View1.html
<div class="container">
<h2>View 1</h2>
Name:
<br />
<input type="text" data-ng-model="filter.name" />
<br />
<ul>
<li data-ng-repeat="cust in customers | filter:filter.name | orderBy:city "> {{cust.name | uppercase}} - {{cust.city | lowercase }}</li>
</ul>
<br />
Customer Name:<br />
<input type="text" data-ng-model="newCustomer.name" />
<br />
Customer City:<br />
<input type="text" data-ng-model="newCustomer.city" />
<br /><br />
<button data-ng-click="addCustomer()">Add Customer</button>
<br /><br />
<a href="#/view2">View 2</a>
View2.html
<div class="container">
<h2>View 1</h2>
City:
<br />
<input type="text" data-ng-model="city" />
<br />
<ul>
<li data-ng-repeat="cust in customers | filter:city | orderBy:name "> {{cust.name | uppercase}} - {{cust.city | lowercase }}</li>
</ul>
क्या आपको कंसोल में कोई त्रुटि मिल रही है? –
व्यू 2 का रूटिंग 'पार्टियल/व्यू 1.html' पर रीडायरेक्ट करता है, मुझे लगता है कि मामूली त्रुटि। कंसोल की जांच करें क्योंकि @ पंकज पाकर ने कहा और हमें बताएं कि वहां कुछ भी है – davidivad