我有一个MasterComponent,它加载页眉,页脚,侧边栏等.在标题上有一个下拉列表,其选项在用户登录后设置.我希望标题是常量,即使我导航到加载不同子组件的不同路由.表示所选子选项不应更改,并且所有子组件都应该可以访问下拉值.在更改下拉值时,应更新/重新加载当前子组件.
我该如何处理这个问题?我想要事件监听器的功能.从MasterComponent更改模型后,重新加载当前子组件.在MasterComponent的变量变量更新中,ChildComponent将监听更新并运行某个函数或再次调用某个API并重新加载ChildComponent.
// routes
const appRoutes: Routes = [
{
path: '',
redirectTo: 'login',
pathMatch: 'full',
},
{ path: 'login', component: LoginComponent },
{ path: 'logout', component: LogoutComponent },
{
path: '',
component: MasterComponent,
canActivate: [AuthGuard],
children: [
{ path: 'record/create', component: RecordCreateComponent }, // create record for selectedRestaurant in MasterComponent
{ path: 'record/', component: RecordComponent }, // shows all record of current selectedRestaurant in MasterComponent
{ path: 'record/:id/update', component:RecordUpdateComponent }, // show form to edit record having id
{ …Run Code Online (Sandbox Code Playgroud) angular ×1