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

Question

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

登录组件在模板中包含 ui-view 指令。例如：

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

状态与下面类似（还有更多）：

  .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',

      }
  })

如何在不完成整个迁移的情况下转换此组件？