2013-10-27 14 views
5

मैं यूआरएल AngularJS में html5Mode(true) का उपयोग करने का index.html दूर करने के लिए कोशिश कर रहा हूँ, इस कोड है:अंक

:

angular.module('myApp', [ 
    'ngRoute', 
    'myApp.filters', 
    'myApp.services', 
    'myApp.directives', 
    'myApp.controllers' 
]). 
config(['$routeProvider', '$locationProvider', function($routeProvider, $locationProvider) { 
    $locationProvider.html5Mode(true); 
    $routeProvider.when('/home', {templateUrl: 'views/home.html'}); 
    $routeProvider.when('/about', {templateUrl: 'views/about.html'}); 
    $routeProvider.otherwise({redirectTo: '/'}); 
}]); 

अगर मैं लिखना $locationProvider.html5Mode(true); यूआरएल पता चलता न स्थानीय होस्ट: (बंदरगाह) /MyApplication/index.html

अगर मैं $locationProvider.html5Mode(true); लिखना यूआरएल पता चलता है:

स्थानीय होस्ट: (बंदरगाह)

MyApplication यूआरएल के निकाल दिया जाता है। और मैं यूआरएल पता चलता हैं:

स्थानीय होस्ट: (बंदरगाह)/MyApplication/

क्या मैं गलत कर रहा हूँ? समस्या क्या है?

अद्यतन:

कैसे मेरी <a> टैग दिखाना चाहिए? अभी मेरे पास है:

<a href="#/about">About</> 

जब मैं लिंक पर क्लिक करें, यूआरएल पता चलता है:

स्थानीय होस्ट: (बंदरगाह) /MyApplication/index.html#/about

मैं मैं इसके साथ खो गया हूँ।

अग्रिम धन्यवाद!

+0

कृपया कोड प्रदान करें जहां आप मार्ग निर्धारित करते हैं। (जहां आप $PPproider.when() को कॉल करते हैं) – bekite

+0

@bekite मैंने पोस्ट को अपडेट किया है, देरी के लिए खेद है। आदाब अर्ज है। – Alavaros

उत्तर

13

आपके आवेदन चलाता है के तहत /MyApplication/ आपका index.html में आधार पथ सेट करने के लिए कोशिश करते हैं और html5Mode पर स्विच:

<html> 
    <head> 
    <base href="/MyApplication/index.html" /> 
    ... 

Using $location देखें।

+0

धन्यवाद, यह आकर्षण की तरह काम किया। – fmquaglia

+0

मैं 'dir/file.jpg' जैसे सभी hrefs को '/MyApplication/index.html/dir/file.jpg' में अनुवादित करने की उम्मीद कर रहा था, लेकिन मेरे आश्चर्य के लिए ब्राउज़र '/MyAplication/dir/file.jpg' कर रहा है। – user3338098

+0

w3c इस व्यवहार को दस्तावेज करने के लिए प्रकट नहीं होता है @ http://www.w3.org/TR/html5/document-metadata.html#the-base-element या यहां तक ​​कि @ http://www.w3.org/ TR/html5/infrastructure.html # resol-a-url – user3338098