6
मैंने पहले इसके लिए एनजी-रूट का उपयोग किया और यह ठीक काम किया, लेकिन यूआई राउटर के साथ, लिंक अब क्लिक करने योग्य नहीं हैं, या कम से कम अधिकांश समय वे नहीं हैं। जब वे होते हैं, जो बहुत यादृच्छिक होते हैं, तो वे HTML टेम्पलेट्स का उपयोग नहीं करते हैं जिनका मैं उपयोग कर रहा हूं।यूआई-एसआरई क्लिक करने योग्य लिंक उत्पन्न नहीं कर रहा/काम नहीं कर रहा
HTML:
<head>
<title>Tutorial</title>
<script src="lib/angular/angular.js"></script>
<script src="lib/angular/angular-ui-router.min.js"></script>
<script src="js/app.js"></script>
<script src="js/controllers.js"></script>
</head>
<body>
<ng-view></ng-view>
<ul class="menu">
<li><a ui-sref="view1">view1</a></li>
<li><a ui-sref="view2">view2</a></li>
</ul>
.js
angular.module('myApp', [
'myApp.controllers',
'ui.router'
]);
angular.module('myApp').config(function($stateProvider, $urlRouterProvider) {
$stateProvider.state('view1',{
url: '/view1',
controller:'Controller1',
templateUrl:'/view1.html'
}).state('view2', {
url: '/view2/:firstname/:lastname',
controller: 'Controller2',
resolve: {
names: function() {
return ['Misko', 'Vojta', 'Brad'];
}
},
templateUrl: '/view2.html'
});
$urlRouterProvider.otherwise('/view1');
});
angular.module('myApp.controllers', []).controller('Controller1', function($scope, $location, $state) {
$scope.loadView2=function() {
$state.go('view2', {
firstname: $scope.firstname,
lastname: $scope.lastname
});
};
}).controller('Controller2', function($scope, $stateParams, names) {
$scope.firstname = $stateParams.firstname;
$scope.lastname = $stateParams.lastname;
$scope.names = names;
});
मैं AngularJS पर SitePoint ebook में निर्देशों का पालन कर रहा हूँ, इसलिए मैं वास्तव में यकीन है कि मैं क्या कर रहा हूँ नहीं कर रहा हूँ गलत करना या मुझे क्या याद आया।
http://plnkr.co/edit/amh3nZmyB7lC2IQi3DIn
मुझे आपके मार्कअप में कहीं भी 'ui-view' नहीं दिखाई देता है, इसलिए आपके राज्य के विचारों को अधिकतर प्रस्तुत नहीं किया जा रहा है और – JAAulde
@JAAulde इंजेक्शन दिया गया है, क्या मुझे इसका उपयोग एनजी-व्यू के बजाय या इसके संयोजन के साथ करना चाहिए? –
आपकी मुख्य HTML फ़ाइल में एक एकल 'ui-view' मौजूद होना चाहिए। आपके शीर्ष स्तर के राज्यों को प्रस्तुत किया जाएगा और वहां इंजेक्शन दिया जाएगा। आपको 'एनजी-व्यू' की आवश्यकता नहीं है। राज्यों में सबस्टेट हो सकते हैं, और एक राज्य के प्रत्येक टेम्पलेट जिसमें एक सबस्टेट होता है उसे 'ui-view' होना चाहिए जहां इसके प्रस्तुत किए गए सबस्टेट इंजेक्शन दिए जाएंगे। – JAAulde