मैं यूआई-राउटर के साथ लगातार यूआरएल एंकर लिंक हैश मानों को कैसे रोक सकता हूं?

Question

मैं मेनू में कुछ एंकर लिंक के साथ एक साधारण ऐप के लिए एंगुलर 2 और UI-Router 2 नो-हैश मोड में उपयोग कर रहा हूं। उदाहरण के लिए:

• https://example.com/blah/blech
• https://example.com/blah/blech#specifications
• https://example.com/blah/derp

अगर मैं बिना एक के लिए URL में हैश के साथ एक मार्ग से जाना है, हैश बनी हुई है। उदाहरण के लिए, /blah/blech#specifications से /blah/derp पर मेनू परिणाम के माध्यम से /blah/derp#specifications के ब्राउज़र पते में जा रहा है। जाहिर है यह गलत है और वास्तव में कुछ हद तक सीमित है, जैसे कि जब मैं /blah/blech पर वापस आ जाता हूं और हैश मान रहता है, तो उस एंकर स्थान पर विंडो भेजना।

एक और दुष्प्रभाव पृष्ठ कुछ हद तक अप्रत्याशित तरीके से ताज़ा है। /blah/derp से /blah/blech#specifications पर जाकर एक पूर्ण पृष्ठ रीफ्रेश होता है।

सेटअप काफी मानक है:

export let derpState: Ng2StateDeclaration = { 
    name: 'derpState', 
    component: DerpComponent, 
    url: '/derp' 
} 

मैं कैसे अच्छे परिणाम के साथ यूआई-रूटर 2 के साथ हैश लिंक जोड़ सकते हैं? (वैकल्पिक रूप से, मैं अन्य तरीकों से यूआई-राउटर के साथ एंकर लिंक का उपयोग कैसे कर सकता हूं?)

Answer 1

आपके द्वारा उपयोग किए जाने वाले कोणीय 2 का कौन सा संस्करण? कृपया इसे अपग्रेड करें। नाम और सभी की कोई ज़रूरत नहीं है।

import { ModuleWithProviders } from '@angular/core'; 
import { Routes, RouterModule } from '@angular/router'; 

import { DerpComponent } from './derp.component'; 

const derp: Routes = [ 
{ path: 'derp', component: DerpComponent } 
]; 
export const derpState: ModuleWithProviders = RouterModule.forChild(derp); 

इसे आजमाएं। आशा है कि यह आपकी मदद करेगा।