कोणीय यूआई-राउटर रूट यूआरएल 404

Question

पर भेज रहा है मुझे ui-router के बारे में एक परेशान समस्या है। सबकुछ काम करता है जैसा मैं चाहता हूं, जहां सभी बुरे यूआरएल 404 राज्य में भेजे जाते हैं। हालांकि, भले ही मेरा डिफ़ॉल्ट स्थिति सही ढंग से प्रस्तुत किया गया हो जब यूआरएल /#/ है, / का यूआरएल /404/ पर रीडायरेक्ट किया गया है। मैं दोनों को / और /#/ दोनों में कैसे सर्वर कर सकता हूं?

app.js

MyApp.config(function ($stateProvider, $urlRouterProvider) { 

// For any unmatched url, send to 404 
$urlRouterProvider.otherwise("/404/"); 

$stateProvider 
    // Home (default) 
    .state('default', { 
     url: '/', 
     resolve: { 
      ... 
     }, 
    } 
}); 

किसी भी मदद की बहुत सराहना।

Answer 1

मुझे लगता है कि यह अपनी आवश्यकताओं को पूरा करेगा -

MyApp.config(function($stateProvider, $urlRouterProvider) { 
    // the known route 
    $urlRouterProvider.when('', '/'); 

    // For any unmatched url, send to 404 
    $urlRouterProvider.otherwise('/404'); 

    $stateProvider 
     // Home (default) 
     .state('default', { 
      url: '/', 
      resolve: { 
       // ... 
      } 
      // .... 
     }); 
}); 

मैं this post में संदर्भित। डेटा के साथ मार्गों को संभालने के लिए आपको नियमित अभिव्यक्ति का उपयोग करने की आवश्यकता हो सकती है।

अपने यूआरएल में # के बजाय आप एक क्वेरी स्ट्रिंग का भी उपयोग कर सकते हैं और इसे $stateParams के माध्यम से किसी राज्य में ले जा सकते हैं।

// .... 

    $stateProvider 

    .state('default', { 
     url: '/?data', 
     templateUrl: 'templates/index.html', 
     controller: 'defaultCtrl' 
    }) 

और फिर आप डेटा के साथ घर जाने के लिए नीचे इस का उपयोग कर सकते हैं - - आप में डेटा stringify की जरूरत नहीं है

var toStateData = { 
    key1: 'value1', 
    key2: 'value2' 
} 

$state.go('default', {data: JSON.stringify(toStateData)}); 

यहाँ आप यह कैसे कर सकते हैं $stateParams लेकिन यह एक पैरामीटर के साथ अधिक विकल्प की अनुमति देगा। defaultCtrl नियंत्रक में आप इस तरह से पारित कर दिया क्वेरी स्ट्रिंग प्राप्त कर सकते हैं -

var stateData = JSON.parse($stateParams.data); 
var key1 = stateData.key1; 
// .... 

Answer 2

मैं केवल राज्यों के साथ ऐसा करना चाहता था, इसलिए कोई यूआरएल प्रदाता शामिल किया गया। मैं निम्नलिखित समाधान जो मुझे लगता है कि अच्छा है पाया:

(खेद यह coffeescript है)

$stateProvider. 
    state('base.public.notFound', 
     url:   '^*path' 
     templateUrl: 'views/layouts/404.html' 
    ) 

पिछले राज्य के रूप में इस रखो और आप कर रहे हैं!