我想在路由器插座内设置一些默认文本，直到填充为止。
我有一个父组件，它将在该页面上的路由器出口内显示子路由组件。
单击时，有2个按钮将使用子组件填充路由器出口。我如何将内容放入路由器插座中？“单击选项以显示数据”，然后一旦单击该按钮，该消息将清除，子组件将显示在路由器插座中？
<div class="container pt-3">
<div class="clearfix">
<div class="btn btn-outline-success float-left"
routerLink="/unpaid/people">
View People
</div>
<div class="btn btn-outline-success float-right"
routerLink="/unpaid/bills">
View Bills
</div>
</div>
</div>
<router-outlet>Click an options to display the data</router-outlet>
编辑这是我的路线
path: 'unpaid', component: UnpaidBillsComponent,
children: [
{path: 'people', component: UnpaidPeopleComponent},
{path: 'bills', component: UnpaidBillListComponent}
]
路由器出口内的默认文本，直到填充为止
首先，您的假设在这里是错误的，内容不是插入插座的内部，而是插入插座的下方。
您不能在模板中设置默认内容，但是可以设置包含默认内容的默认路由。只需在您的“默认”模板中使用path: ''，即可使用component。
使用所需的“默认”模板创建组件：
@Component({template: `Default template here`})
export class DefaultTemplateComponent {}
并将其添加到您的路线。
children: [
{path: '', component: DefaultTemplateComponent},
{path: 'people', component: UnpaidPeopleComponent},
{path: 'bills', component: UnpaidBillListComponent},
]
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句