问Angular升级-如何从Angular模板导航到Angularjs中定义的状态？

EN

目前，我正在将Angularjs 1.6应用升级到Angular 7。作为迁移的一部分，我必须从Angular模板导航到Angularjs中定义的状态。我如何才能做到这一点？

我尝试过angular混合路由器方法，但没有帮助。

这是在Angularjs中的配方模块下定义的状态

$stateProvider.state('recipes', { url: '/recipes', component: 'recipes', onEnter: ['$state', 'authService', ($state, authService) => { if(!authService.isLoggedIn()){ $state.go('login') } }] })

我想从Angular 7模板导航到上面的状态，如下所示，使用angular- using router

  <a class="list-group-item"
     style="cursor: pointer;"
     ui-sref="recipes"
     *ngFor="let recipe of recipes; let i = index;">
    {{recipe.name}}
  </a>
</ul>

需要导航到/recipes url。但是它没有，甚至没有抛出任何错误。