目前我正在将 Angularjs 1.6 应用程序升级到 Angular 7。作为此迁移的一部分,我必须从 Angular 模板导航到 Angularjs 中定义的状态。我怎样才能做到这一点?
我尝试过角度混合路由器方法,但没有帮助。
这是在 Angularjs 的 recipes 模块下定义的状态
$stateProvider.state('recipes', {
url: '/recipes',
component: 'recipes',
onEnter: ['$state', 'authService', ($state, authService) => {
if(!authService.isLoggedIn()){
$state.go('login')
}
}]
})
我想使用 angular-hybrid-router 从 Angular 7 模板导航到上述状态,如下所示
<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。但它没有,甚至没有抛出任何错误。