به صورت پیش فرض، زمانی که از قابلیت routing در angular js استفاده می کنیم، angular آدرس ها را به همراه کارکتر # ایجاد می کند. برای مثال:
برای حذف کاراکتر # از آدرس ها، دو کار خیلی ساده را باید انجام دهیم.
برای تنظیمات $locationProvider باید html5Mode را برابر true قرار دهیم. نمونه زیر تنظیمات مربوط به route در angular می باشد:
var productsApp = angular.module('productsApp', ['ngRoute']); productsApp.config(function($routeProvider, $locationProvider) { $routeProvider .when('/', { pageTitle: 'Home Page', templateUrl: 'app_core/products/views/home.html', controller: 'homeController' }) .when('/contact', { pageTitle: 'Contact Page', templateUrl: 'app_core/products/views/contact.html', controller: 'contactController' }) .when('/about', { pageTitle: 'About Page', templateUrl: 'app_core/products/views/about.html', controller: 'aboutController' }); $locationProvider.html5Mode(true); });
در قدم بعدی، تگ زیر را به بخش head صفحه html اضافه می کنیم:
<base href="/"/>
با انجام این کار، آدرس های ایجاد شده توسط angular js routing به صورت زیر خواهد بود:
نکته مهمی که باید به آن توجه داشت، این قابلیت تنها در مرورگرهایی که از HTML5 پشتیبانی می کنند کار خواهد کرد. در صورتی عدم پشتیبانی از HTML5، آدرس ها با کاراکتر # ایجاد خواهند شد.
بنیانگذار توسینسو و برنامه نویس و توسعه دهنده ارشد وب
حسین احمدی ، بنیانگذار TOSINSO ، توسعه دهنده وب و برنامه نویس ، بیش از 12 سال سابقه فعالیت حرفه ای در سطح کلان ، مشاور ، مدیر پروژه و مدرس نهادهای مالی و اعتباری ، تخصص در پلتفرم دات نت و زبان سی شارپ ، طراحی و توسعه وب ، امنیت نرم افزار ، تحلیل سیستم های اطلاعاتی و داده کاوی ...
زمان پاسخ گویی روز های شنبه الی چهارشنبه ساعت 9 الی 18
فقط به موضوعات مربوط به محصولات آموزشی و فروش پاسخ داده می شود