AngularJS迁移到Angular-如何迁移内部状态

我有一个AngularJS登录组件需要迁移。我必须使用AngularJS路由器，因为并非所有的应用程序都已迁移

登录组件在模板中包含一个ui-view指令。e、 g:

<div>
...
</div>
<div>
..
    <div ui-view></div>    
..
</div>
....

...
..
..
....

州与以下类似（还有几个州）：

.state（'loginroot'{
摘要：没错，
url:“”，
模板：“”，
数据：{
所有角色：正确
}
})
.state（'loginroot.forget'{
url:“/忘记”，
模板：``，
数据：{
pageTitle:“忘记我的密码”，
}
})

如何转换此组件而不需要完成整个迁移

  .state('loginroot', {
      abstract: true,
      url: "",
      template: '<login-root></login-root>',
      data: {
          allRole: true
     }
 })

  .state('loginroot.forgot', {
      url: "/forgot",
      template: `<forgot-password></forgot-password>`,

      data: {
          pageTitle: 'Forgot my password',

      }
  })