angularjs 1.6.0(अभी नवीनतम) कार्य नहीं कर रहे हैं




angular-routing ngroute (4)

बस शामिल ! href :

<body>
    <a href="#!/add-quote">Add Quote</a>
    <div ng-view ></div>
</body>

मैं Stackoverflow पर इस सवाल को देखने की उम्मीद कर रहा था, लेकिन नहीं किया। जाहिरा तौर पर मैं केवल एक ही समस्या है जो मुझे बहुत आम लगती है।

मेरे पास एक मूल परियोजना है जिस पर मैं काम कर रहा हूं, लेकिन मार्ग तब भी काम नहीं करते हैं जबकि मैंने अब तक जो कुछ भी किया है वह सही प्रतीत होता है।

मेरे पास html का यह टुकड़ा मेरी index.html फ़ाइल में है:

<html>
<head ng-app="myApp"> 
    <title>New project</title>
    <script src="https://code.angularjs.org/1.6.0/angular.min.js"></script>
    <script src="https://code.angularjs.org/1.6.0/angular-route.min.js"></script>

    <script src="app.js"></script>
</head>
<body>
    <a href="#/add-quote">Add Quote</a>
    <div ng-view ></div>
</body>
</html>

और यहाँ मेरा app.js है। app.js :

var app = angular.module('myApp', ['ngRoute']);


app.config(['$routeProvider', function ($routeProvider) {
    $routeProvider
        .when('/add-quote', {
            templateUrl: 'views/add_quote.html',
            controller: 'QuoteCtrl'
        })
        .otherwise({ redirectTo: '/' });
}]);

अब जब मैं सिर्फ पृष्ठ पर जाता हूं, तो यहां मुझे यूआरएल में मिलता है:

http://localhost:8000/admin#!/

और जब मैं Add quote बटन पर क्लिक करता हूं, मुझे यह मिलता है:

http://localhost:8000/admin#!/#%2Fadd-quote

यहां क्या समस्या हो सकती है? मदद के लिए शुक्रिया


बस हैशबैंग #! उपयोग करें #! Href में:

 <a href="#!/add-quote">Add Quote</a>

github.com/angular/angular.js/commit/… कारण, $ $ स्थान हैश-बैंग URL के लिए उपयोग किए जाने वाले डिफ़ॉल्ट हैश-प्रीफ़िक्स ने रिक्त स्ट्रिंग ( '' ) से बैंग ( '!' ) में बदल दिया है।

यदि आप वास्तव में कोई हैश-उपसर्ग नहीं करना चाहते हैं, तो आप अपने एप्लिकेशन में कॉन्फ़िगरेशन ब्लॉक जोड़कर पिछले व्यवहार को पुनर्स्थापित कर सकते हैं:

appModule.config(['$locationProvider', function($locationProvider) {
  $locationProvider.hashPrefix('');
}]);

अधिक जानकारी के लिए देखें

मेरे उच्च घोड़े पर आने के लिए क्षमा करें ... लेकिन यह कैसे जारी किया गया? यह बड़े पैमाने पर है, बग को तोड़ना। - @MiloTheGreat

# 14202 के अनुसार ब्रेकिंग परिवर्तन को वापस किया जाना चाहिए क्योंकि संदर्भ विनिर्देश आधिकारिक तौर पर # 15715 पदावनत किया गया था

मैं इस मुद्दे को बंद करने जा रहा हूं क्योंकि हमें कोई प्रतिक्रिया नहीं मिली है। यदि आप नई प्रतिक्रिया प्रदान कर सकते हैं तो इस मुद्दे को फिर से खोलें।

- https://github.com/angular/angular.js/issues/15715#issuecomment-281785369


यह कोशिश करो एक मदद कर सकता है ...

Html या दृश्य पृष्ठ में

 <body>
       <a href="#/Home.html">Home</a>
       <div ng-view></div>
 </body>

स्क्रिप्ट पेज में

var app=angular
.module('myModule',['ngRoute'])
.config(function($routeProvider, $locationProvider) {
  $routeProvider
    .when('/Home', {
      templateUrl: 'FolderName/Home.html',
      controller: 'homeCtr'
    })
      $locationProvider.hashPrefix('');
     });

app.config(['$routeProvider', '$locationProvider', function($routeProvider, $locationProvider) {
  $locationProvider.hashPrefix('');
  $routeProvider
    .when('/add-quote', {
      templateUrl: 'views/add_quote.html',
      controller: 'QuoteCtrl'
    })
    .otherwise({ redirectTo: '/' });
}]);




angularjs-1.6