Angularjs 1.6.0 (এখনই সর্বশেষ) রুটগুলি কাজ করছে না

Question 1

আমি স্ট্যাকওভারফ্লোতে এই প্রশ্নটি দেখার আশা করছিলাম কিন্তু হয়নি। দৃশ্যত আমিই একমাত্র এই সমস্যাটি পেয়েছি যা আমার কাছে খুব সাধারণ বলে মনে হয়।

আমার একটি বেসিক প্রকল্প রয়েছে যার উপরে আমি কাজ করছি তবে রুটগুলি এখনও কাজ করে না বলে মনে হচ্ছে যদিও আমি এখনও পর্যন্ত যা কিছু করেছি তা সঠিক বলে মনে হচ্ছে।

আমার এই 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:

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


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

এখন আমি যখন পৃষ্ঠাটি সন্ধান করি তখন url এ যা পাওয়া যায় তা এখানে:

http: // লোকালহোস্ট: 8000 / অ্যাডমিন #! /

এবং আমি যখন Add quoteবোতামটি ক্লিক করি তখন আমি এটি পাই:

http: // লোকালহোস্ট: 8000 / অ্যাডমিন #! / #% 2 ফ্যাড-কোট

এখানে সমস্যা কী হতে পারে? সাহায্যের জন্য ধন্যবাদ

Question 2

হ্রেফটিতে কেবল হ্যাশবাং ব্যবহার করুন #!:

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

Aa077e8 এর কারণে, has লোকেশন হ্যাশ-ব্যাং URL গুলির জন্য ব্যবহৃত ডিফল্ট হ্যাশ-উপসর্গটি ফাঁকা স্ট্রিং ( '') থেকে ব্যাং ( '!') এ পরিবর্তিত হয়েছে ।

আপনি যদি আসলে হ্যাশ-উপসর্গ রাখতে চান না, তবে আপনি নিজের অ্যাপ্লিকেশনটিতে একটি কনফিগারেশন ব্লক যুক্ত করে পূর্ববর্তী আচরণটি পুনরুদ্ধার করতে পারেন:

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

আরও তথ্যের জন্য, দেখুন

আমার উচ্চ ঘোড়ায় উঠার জন্য দুঃখিত তবে ... এটি কীভাবে মুক্তি পেল? এটি বিশাল, ব্রেক ব্রেকটি। - @ মিলো দ্য গ্রেট

# 14202 দ্বারা ব্রেকিং পরিবর্তনটি আবার ফিরিয়ে নেওয়া উচিত কারণ রেফারেন্সের স্পেসিফিকেশন ইতিমধ্যে সরকারীভাবে নিখরচায়িত করা হয়েছে # 15715

আমি এই সমস্যাটি বন্ধ করতে যাচ্ছি কারণ আমরা কোনও প্রতিক্রিয়া পাইনি। আপনি নতুন প্রতিক্রিয়া সরবরাহ করতে পারলে এই সমস্যাটি পুনরায় খুলতে দ্বিধা বোধ করুন।

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

Question 3

কেবলমাত্র এর মধ্যে অন্তর্ভুক্ত !করুন href:

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

Question 4

আমি ১.6.৪ এ কাজ করার জন্য রাউটিং পেতে পারি না তাই আমি কৌণিক 1.5.1.11 ব্যবহার করার সিদ্ধান্ত নিয়েছি এবং রাউটিংটি সূক্ষ্ম কাজ করে যদিও "/" অনুসরণ করার সাথে আমার (রা ..) ফাংশনে আমার সমস্ত রাউটিংগুলি সংজ্ঞায়িত করার প্রয়োজন ছিল needed

যদি কৌণিকের কোনও পুরানো সংস্করণে আটকে থাকা আপনার পক্ষে একটি বিকল্প হয় তবে এটি বিবেচনা করুন কারণ এটি আপনার স্নায়ুগুলি সংরক্ষণ করতে পারে ...

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

app.config(function($routeProvider) {
$routeProvider
.when("/layoutandviewbox", {
    templateUrl : "views/layout-and-viewbox.html"
})
.when("/basicshapes", {
    templateUrl : "views/basic-shapes.html"
})
.when("/advancedshapes", {
    templateUrl : "views/advanced-shapes.html"
})
.when("/groups", {
    templateUrl : "views/groups.html"
})
.when("/transformations", {
    templateUrl : "views/transformations.html"
})
.when("/effects", {
    templateUrl : "views/effects.html"
})
.when("/", {
    templateUrl : "views/basic-shapes.html"
});
});

Question 5

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

Question 6

এটি সাহায্য করতে পারে চেষ্টা করুন ...

এইচটিএমএল বা দেখুন পৃষ্ঠাতে

 <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('');
     });