Expert
Soit le code suivant
const routes: Routes = [{
path: 'parent',
component: AbstractParentComponent,
children: [
{
path: '',
component: ParentComponent
},
{
path: 'child',
component: ChildComponent
}
]
}];
Avec les components suivants :
// abstractparent.component.ts
import {Component} from '@angular/core';
@Component({
selector: 'app-abstract-parent',
template: 'Parent: <router-outlet></router-outlet>'
})
export class AbstractParentComponent {
constructor() {
}
}
// parent.component.ts
import {Component} from '@angular/core';
@Component({
selector: 'app-parent',
template: 'Parent'
})
export class ParentComponent {
constructor() {
}
}
// child.component.ts
import {Component} from '@angular/core';
@Component({
selector: 'app-child',
template: '<p>child</p>'
})
export class ChildComponent {
constructor() {
}
}
Qu'affichera la page à l'URL /parent/child
?
Auteur: Mathieu RobinStatut : PubliéeQuestion passée 492 fois
Modifier
1
Évaluations de la communautéPersonne n'a encore évalué cette question, soyez le premier !
1
Qu'est-ce que AOT en AngularJS ?,AOT est préférable à JIT pour la production ;1
Qu'est-ce qu'une directive en AngularJS?1
AngularJS: Comment corriger l'erreur 'Cannot assign to 'bar' because it is a constant or a read-only property.'1
Quels sont les hooks de cycle de vie en AngularJS?1
Écrire un test unitaire pour le DataService en AngularJS0
Créer un nouveau projet AngularJS0
Génère un composant.,L'élément généré sera importé/déclaré dans le module ui-tools.,Les fichiers de test (*my-widget.component.spec.ts*) et template (*my-widget.component.html*) seront créés à la volée.