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




angular-routing ngroute (4)

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

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

আমার এইচটিএমএলটির এই টুকরোটি আমার সূচক। 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://localhost:8000/admin#!/

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

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

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


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

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

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"
});
});

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

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

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

কেবল হ্যাশবাং ব্যবহার করুন #! Href মধ্যে:

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

github.com/angular/angular.js/commit/… কারণে, $ লোকেশন হ্যাশ-ব্যাং ইউআরএলগুলির জন্য ব্যবহৃত ডিফল্ট হ্যাশ-উপসর্গটি খালি স্ট্রিং ( '' ) থেকে ব্যাং ( '!' ) '!' পরিবর্তিত হয়েছে।

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

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

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

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

রেফারেন্সের বিশদকরণটি ইতিমধ্যে আনুষ্ঠানিকভাবে # 15715 অবমূল্যায়ন করা হওয়ায় # 14202 অনুসারে ব্রেকিং পরিবর্তনটি ফিরিয়ে নেওয়া উচিত

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

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


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