में मैं नए कोणीय रूटर के लिए प्रलेखन से अधिक पढ़ा है। उदाहरण वे एक चर करने के लिए रूट करने के लिए है यह है:रूटिंग चर Angular2
घटक/मॉड्यूल:
angular.module('myApp', ['ngFuturisticRouter'])
.controller('AppController', ['$router', function($router) {
$router.config({ path: '/user/:id' component: 'user' });
this.user = { name: 'Brian', id: 123 };
});
HTML/टेम्पलेट:
@RouteConfig([
{ path: '/', component: Home, as: 'home' },
{ path: '/displays/:id', component: DisplayDetails, as: 'display-details' }
])
:
<div ng-controller="AppController as app">
<a router-link="user({id: app.user.id})">{{app.user.name}}</a>
</div>
यहाँ मेरी घटक है और मेरा एचटीएमएल/टेम्पलेट:
<div class="col-md-3" *ng-for="#display of displays">
<a [router-link]="['/display-details({id: display.id})']"><display-card ></display-card></a>
</div>
मैं भी बजाय घटक उर्फ (display-details)
मैं वास्तविक पथ और घटक यह स्वयं लेकिन वे सभी मुझे एक ही त्रुटि दिखा सकते हैं डाल की कोशिश की है डालने की कोशिश की है: @ द्वारा के रूप में सुझाव दिया
EXCEPTION: Component "App" has no route named "display-details({id: display.id})". in [null]
" [{display.id id}, '/ प्रदर्शन-विवरण'] "' [रूटर लिंक] = के साथ प्रयास करें? –
@EricMartinez धन्यवाद आदमी! मैं अल्फा.37 का उपयोग कर रहा हूँ। BTW आप वास्तव में मुझे Angular2 के साथ बाहर मदद की है मुझे लगता है कि आप सभी सवालों मैं – ThreeAccents
लिया है @EricMartinez आप इसे एक जवाब बनाने चाहते उत्तर दिया है तो मैं एक जाँच चिह्न – ThreeAccents