在AngularJS 2中，当使用路由配置调用子组件时，管理父组件和子组件之间的输入/输出属性的方法是什么

我正在使用AngurarJS 2创建一个应用程序，其中我创建了一个父组件“LayoutComponent”，并使用

@RouteConfig

调用了各种子组件。详情如下:

@RouteConfig([
{ path: '/dashboard', component: DashboardComponent, name: 'Dashboard', useAsDefault:true, data:{page:this.page} },
{ path: '/projects', component: ProjectListComponent, name: 'Project.list' },
{ path: '/project/:id', component: ProjectDetailComponent, name: 'Project.detail' },
{ path: '/project/add', component: ProjectAddComponent, name: 'Project.add' },
// { path: '/login', component: UserLoginComponent, name: 'User.login' },
{ path: '/logout', component: UserLogoutComponent, name: 'User.logout' },
{ path: '/users', component: UserListComponent, name: 'User.list' },
{ path: '/user/profile', component: UserProfileComponent, name: 'User.profile' },
{ path: '/user/:id', component: UserDetailComponent, name: 'User.detail' },
{ path: '/calendar', component: CalendarMainComponent, name: 'Calendar.main' },
{ path: '/emails', component: EmailListComponent, name: 'Email.list' },
// { path: '/user/register', component: UserRegisterComponent, name: 'User.register' },
])

我正在使用LayoutComponent中的布局模板作为模板。我在布局模板中放置了一个标记

，其中所有子组件都呈现它们的视图。现在我想将一些值从子组件更新到布局组件的视图（例如“标题”）。当我们通过使用

指令调用子组件时

，我们可以将对象作为

输入传递到子组件中

，当我们在子组件中对该对象进行任何更改时，这些更改将反映到父组件和相关视图中

但当使用

@RouteConfig

调用子组件时，我无法做到这一点。所以在这方面我需要帮助

如有任何建议，将不胜感激

我想告诉大家，我试图通过使用共享服务对象来解决我的问题，如下所示：

我创建了一个服务

PageService

，并将其注入父组件。 我在LayoutComponent的构造函数中传递了它，并将其分配为组件的

page

属性。 我在组件的模板中使用了这个“页面”属性来显示值

现在，当我更新服务对象属性的值时，我得到了更改检测异常，它停止了脚本的进一步执行：

异常：表达式“{page.brdcrm.title}” 在里面LayoutComponent@223：37'在检查后已更改

---

路由器添加的组件不能参与与其父组件的声明性数据绑定。为此，通常使用共享服务在添加的组件和祖先组件之间共享数据

---

有关更多详细信息，请参阅。

这是倒逗号之间的路由器出口标签>>我在布局中放置了一个标签“”，可能与我更新的答案重复。我有一个打字错误，这使它说完全相反的我的意思。