घोंसला वाले राज्यों के साथ कोणीय 2 रूटिंग

मेरे पास एक लैंडिंग पृष्ठ है जो उपयोगकर्ता को (डिफ़ॉल्ट रूप से) और "साइन अप" घटक प्रस्तुत करेगा जो उन्हें इनपुट फ़ील्ड का एक सेट है जो उन्हें पंजीकरण करने की अनुमति देता है।घोंसला वाले राज्यों के साथ कोणीय 2 रूटिंग

उपयोगकर्ताओं को लौटने के लिए, मैं चाहता हूं कि वे लैंडिंग पृष्ठ को देखें, फिर "लॉग इन" पर क्लिक करें और केवल लॉगिन घटक के साथ पंजीकरण घटक को प्रतिस्थापित करें। मैं नहीं चाहता कि यूआरएल बदल जाए, यह '/' रहना चाहिए।

यूई-राउटर के लिए मैं नेस्टेड राज्य कर सकता था, लेकिन यह सुनिश्चित नहीं है कि Angular2 का राउटर अभी तक इसका समर्थन करता है या नहीं?

app.ts

@Component({ 
    selector: 'app', 
    template: ' 
    *snip* 
    <router-outlet></router-outlet> 
    *snip* 
    ', 
    directives: [Footer, ROUTER_DIRECTIVES] 
}) 
@RouteConfig([ 
    { path: '/...', name: 'Landing', component: LandingComponent, useAsDefault: true }, 
    { path: '/about', name 'About', component: AboutComponent } 
]);

landing.ts

@Component({ 
    selector: 'landing', 
    template: ' 
    <body> 
     <div> 
     <router-outlet></router-outlet> 
     </div> 
    </body>', 
    directives: [ROUTER_DIRECTIVES] 

}) 
@RouteConfig([ 
    { path: '/', name: 'RegisterForm', component: RegisterForm, useAsDefault: true }, 
    { path: '/login', name: 'LoginForm', component: LoginForm }, 
])

लैंडिंग घटक के लिए पथ क्या अलग करने की आवश्यकता है?

स्रोत

2016-01-02 nathasm

-2

आपको रूट का उपयोग करने की आवश्यकता क्यों है? क्या आप सिर्फ एक बूलियन से बंधे नहीं हैं जो उपयुक्त अनुभाग छुपाता है या दिखाता है?

<div *ngIf="showReg">Registration</div> 

<div *ngIf="!showReg">Login</div>

स्रोत

2016-01-02 21:07:00 TGH

यह प्रश्न का उत्तर नहीं देता है। –

प्रश्न का उत्तर नहीं देता है – Scipion

घोंसला वाले राज्यों के साथ कोणीय 2 रूटिंग

उत्तर

संबंधित मुद्दे