javascript - ui-router prefixes nested view templates with the parent's url -

मेरे पास एक पैरेंट स्टेट ( parent ) है, और एक बाल राज्य ( माता-पिता बच्चे )

  $ stateProvider .state ('parent', {url: '/ parent', templateUrl: 'views / parent.html', नियंत्रक: 'पेरेंटकंट्रोलर',} ) .state ('parent.child', {url: '/: id', templateUrl: 'views / child.html', नियंत्रक: 'childController',});   
 माता-पिता के दृश्य में नीडिंत  ui-view   
 अर्थात्:  विचारों / मूल html  में:  <पूर्व>  & lt; h1 & gt; बाल: & lt; / h1 & gt; & Lt; div ui-view & gt; & lt; / div & gt;   
 जब मैं बाल राज्य में बदलता हूं, तो माता-पिता का यूआरएल  प्रीफ़िक्स  को  templateUrl  से किया जा रहा है।  
 अर्थात्:  templateUrl  को  /parent/views/child.html    
 
 के रूप में हल किया जा रहा है क्योंकि यह विफल रहता है क्योंकि  /parent/views/child.html  मौजूद नहीं है (फ़ाइल को  / views/child.html  के तहत जमा किया जाता है)  
 मैं कैसे  ui-router  को कॉन्फ़िगर कर सकता हूं, न कि पैरेंट राज्य के यूआरएल को प्रीफ़िक्स में  templateUrl ?   
 
 
 यह एक यूआई रूटर समस्या नहीं है आपको अपने टेम्पलेट यूआरएल को स्लेश के साथ भरना चाहिए, ताकि वह वर्तमान यूआरएल के बजाय बेस-यूआरएल के सापेक्ष हो।  
 ऐसा:  
  templateUrl: '/views/child.html'