Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

304
Visualizações
¿Angular2 admite estados/rutas anidadas?

¿Angular2 admite estados/rutas anidadas? por ejemplo, en un puerto de vista hay 2 enlaces y al hacer clic en un enlace específico, se presentará una vista que además tiene más de un enlace pero que son específicos del enlace anterior.

over 4 years ago · Santiago Trujillo
2 Respostas
Responde à pergunta

0

Con la nueva versión del enrutador, si desea utilizar rutas anidadas, aquí hay un ejemplo de cómo definir la ruta

 { path: 'search', component: SearchComponent, children: [ { path: 'results/:id', component: ResultsComponent }, ] }

y en su plantilla SearchComponent, agregue <router-outlet></router-outlet>

over 4 years ago · Santiago Trujillo Relatório

0

Sí.

Hice una demostración: http://plnkr.co/edit/IcnEzZ0WtiaY5Bpqrq2Y?p=preview

 import {Component, View, Input} from 'angular2/core'; import { RouteConfig, Router, RouteParams, ROUTER_DIRECTIVES } from 'angular2/router'; import {PersistentRouterOutlet} from './persistent-router-outlet'; @Component({}) @View({ template: 'product info here' }) class ProductInfo { } @Component({}) @View({ template: 'buy here' }) class ProductBuy { } @Component({}) @View({ directives: [...ROUTER_DIRECTIVES, PersistentRouterOutlet], template: ` <div> <h2>Product {{pid}}</h2> <a [routerLink]="['Info']">Show Info</a> <a [routerLink]="['Buy']">Go Buy</a> <div> <router-outlet></router-outlet> </div> </div> ` }) @RouteConfig([ {path: '/info', name: 'Info', component: ProductInfo, useAsDefault: true} {path: '/buy', name: 'Buy', component: ProductBuy} ]) class Product { pid constructor(params: RouteParams) { this.pid = params.get('pid') } } @Component({}) @View({ directives: [...ROUTER_DIRECTIVES], template: ` info about the store ` }) class StoreInfo { } @Component({ selector: 'my-app', providers: [], directives: [...ROUTER_DIRECTIVES, PersistentRouterOutlet] , template: ` <div> <a [routerLink]="['./StoreInfo']">See Store Info</a> <a [routerLink]="['./Product', {pid:1}]">See Product 1</a> <a [routerLink]="['./Product', {pid:2}]">See Product 2</a> <div> <persistent-router-outlet></persistent-router-outlet> </div> </div> ` }) @RouteConfig([ {path: '/', name: 'StoreInfo', component: StoreInfo, useAsDefault: true} {path: '/product/:pid/...', name: 'Product', component: Product} ]) export class App { }

Aquí está el documento: https://angular.io/docs/ts/latest/guide/router.html#!#child-router

Tenga en cuenta que hay un problema con las pestañas persistentes: Enrutamiento Angular2: pestañas de ruta persistentes y rutas secundarias https://github.com/angular/angular/issues/6634

over 4 years ago · Santiago Trujillo Relatório
Responde à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda