কৌণিক.জেএস তে এইচটিএমএল 5 পুসস্টেট ব্যবহার করা

Question

আমি অ্যাঙ্গুলারজ দ্বারা ব্যবহৃত # নেভিগেশন পরিবর্তে এইচটিএমএল 5 এর পুশস্টেটটি প্রয়োগ করার চেষ্টা করছি। আমি একটি উত্তরের জন্য গুগল অনুসন্ধান করার চেষ্টা করেছি এবং এখনও কোনও ভাগ্য ছাড়াই কৌণিক irc চ্যাট রুম চেষ্টা করেছি।

এটি আমার controllers.js:

function PhoneListCtrl($scope, $http) {
    $http.get('phones/phones.json').success(function(data) {
        $scope.phones = data;
    });
}

function PhoneDetailCtrl($scope, $routeParams) {
  $scope.phoneId = $routeParams.phoneId;
}

function greetCntr($scope, $window) {
    $scope.greet = function() {
    $("#modal").slideDown();
    }
}

app.js

angular.module('phoneapp', []).
    config(['$routeProvider', function($routeProvider){
        $routeProvider.
            when('/phones', {
                templateUrl: 'partials/phone-list.html',
                controller: PhoneListCtrl
            }).
            when('/phones/:phoneId', {
                templateUrl: 'partials/phone-detail.html',
                controller: PhoneDetailCtrl
            }).
            otherwise({
                redirectTo: '/phones'
            });
    }])

Answer 1

আপনার কনফিগারেশনে $ অবস্থানপ্রদানকারী ইনজেক্ট করুন এবং সেট করুন $locationProvider.html5Mode(true)।

http://docs.angularjs.org/api/ng.$locationProvider

সাধারণ উদাহরণ:

জেএস:

myApp.config(function($routeProvider, $locationProvider) {
  $locationProvider.html5Mode(true);
  $routeProvider
    .when('/page1', { template: 'page1.html', controller: 'Page1Ctrl' })
    .when('/page2', { template: 'page2.html', controller: 'Page2Ctrl' })
});

এইচটিএমএল:

<a href="/page1">Page 1</a> | <a href="https://stackoverflow.com/page2">Page 2</a>

Comments

রুটপ্রোভাইডারটির জন্য ইতিমধ্যে কনফিগার () উপস্থিত থাকলে কি আমি এর জন্য একটি কোড নমুনা দেখতে পাব? আমি নিশ্চিত যে এটির জন্য আমি একটি নতুন কনফিগার () তৈরি করতে চাইছি বা এটি কনফিগের অ্যারে হিসাবে প্রথমটিতে যুক্ত করব এবং কনফিগারেশনটি কী হবে তাও নিশ্চিত নই ( ডকস.আঙ্গুলারজস.আর। )

— মাইক ক্রিটেনডেন

আমি একই কাজ করেছি কিন্তু যখন আমি ক্লিক / ফোন /: ফোনটি টেম্পলেটটি ইউআরএল ফোন / পার্টিয়াল / ফোন-বিবরণ html হয়ে যায় এবং ফায়ারব্যাগ নেট ট্যাব html পৃষ্ঠাটি খুঁজে পায় না

— অজয় বেনিওয়াল

আমি যখনই ব্রাউজারে একটি প্রদত্ত ইউআরএল নেভিগেট করি তখন পৃষ্ঠাটি পাওয়া যাচ্ছে না (যেমন /homeপরিবর্তে /)। আপনি কি নিজের সাইটের জন্য এইচটিএমএল 5 সক্ষম করার চেষ্টা করেছেন?

— Andriy Drozdyuk

আপনাকে পৃষ্ঠাগুলি সঠিকভাবে টানতে দেওয়ার জন্য আপনাকে আপনার সার্ভারটি কনফিগার করতে হবে। আপনি যখন নেভিগেট করার চেষ্টা করবেন তখন mysite.com/helloএটি আপনার সার্ভার থেকে সেই পৃষ্ঠাটি পাওয়ার চেষ্টা করছে। পরিবর্তে, আপনি ব্রাউজারটি জিইটি করতে চান mysite.comএবং তারপরে ব্রাউজারের অবস্থানটি খুঁজে পেতে কৌনিক /helloব্যবহার করে সেখানে যান। সুতরাং আপনাকে mysite.comকোন সাবডোমেইন সন্নিবেশ করানো হয়েছে তা তথ্য ফিরিয়ে দিতে আপনার সার্ভারটি কনফিগার করতে হবে ।

— অ্যান্ড্রু জোসলিন

আমি বলবো আপনার বিশ্রামের এপিআই /apiবা অন্য কোনও কিছু রাখুন এবং তারপরে / এপিআই / * সমস্ত কিছু তৈরি করুন .h

— অ্যান্ড্রু জোসলিন