cost 150 ms
Angular 11: 使 canDeactivate observable 等待嵌套 function - Angular 11: Make canDeactivate observable wait for nested function

我正在尝试使用 Material 对话框将我的浏览器警报替换为自定义警报。 如果用户试图离开具有未保存更改的表单,则会显示自定义警报。 但是我需要等待(暂停函数),直到用户单击一个选项以返回值。 ...

Angular CanDeactivate Guard not working with MatDialog - Angular CanDeactivate Guard Not Working Properly With MatDialog

我用 CanDeactivate 创建了一个路由守卫,它确定用户是否可以在有任何未保存的更改时离开页面,如果存在任何未保存的更改,则触发 MatDialog 模式。 我查看了很多指南和类似的线程,并且我的代码正在运行(大部分情况下)。 见下文: 这是路由守卫,它调用组件的 confirmRoute ...

Angular 从 RouterStateSnapshot 检查组件实例 - Angular check component Instance from RouterStateSnapshot

我正在尝试实现一个canDeactivate守卫。 为此,我需要知道要导航到的路由的组件实例。 我想知道是否可以从 nextState 获取组件? 我试过这样的事情: nextState.root.component 但它会将AppComponent返回给我,因为这不是我要导航到的组件的名称。 我 ...

当 queryParams 更改时如何触发 can-deactivate-guard? - How to trigger can-deactivate-guard when queryParams change?

我在 app-routing 模块中使用以下路由: 我的问题是canDeactivate只触发一次,从/overview到/overview/edit 。 我理解那部分,因为路由中的子路径。 我的问题是,每当 queryParams 在edit路径内发生变化时,使canDeactivate触发 ...

Ionic 5 中 CanDeactivate 防护的导航问题 - Navigation issue with CanDeactivate guard in Ionic 5

在我的 Ionic 5 应用程序中,我有以下导航路径。 我已经为 PageA 实现了 CanDeactivate 保护。 当用户编辑某些内容并在保存之前按后退按钮时,我会弹出一个弹出窗口以确认用户是否想要离开。 为了前进到PageB我使用了一个boolean byPassNav 。 我在 ...

angular 9,我可以使用 canDeactivate 路由到其他地方吗? - angular 9, Can I route to somewhere else using canDeactivate?

感谢您花时间在这里。 所以我对canDeactivate没有什么问题。 我做了一个页面 如果我点击返回按钮,会出现一个模式,用户可以选择是否退出该页面。 如果我只点击一次,这很好用。 但问题就在这里。 假设我位于 [ page A -> page B -> page C ] 并且在 p ...

Angular 9,如何从 NgbModal 返回值返回值到 canDeactivate - Angular 9, How to return the value to canDeactivate from NgbModal return value

感谢您提前提供帮助。 我试图在 NgbModal 中使用 canDeactivate 函数。 这意味着,我想返回的值取决于 NgbModal 的返回值。 我已经看到它与 comfirm alert 一起工作,但它没有像我想要的 NgbModal 那样工作。 这是我的代码,console.log(r ...

angular 9 candeactivate not working 虽然代码似乎很好并且没有抛出任何错误 - angular 9 candeactivate not working although code seems to be fine and not throwing any error

大家好,我是 Angular 的新手,并使用以下教程链接学习这些东西。 由于某种原因, canDeactivate 路由保护似乎不起作用。 当我尝试检查很多事情但没有任何工作时,任何帮助将不胜感激。 我有最新的 angular CLI,并且我的代码中没有错误,并且由于某种原因,在路线更改期间根本没有 ...

TypeError:无法读取 IONIC 5 中 null 的属性“canDeactivate” - TypeError: Cannot read property 'canDeactivate' of null in IONIC 5

我无法在 Ionic 5 中实现 canDeactivate 防护。以下是我的代码。 model.ts 离开page.guard.ts 测试页.ts 家庭路由.Module.ts 离开TestPage时出现以下错误。 我尝试在 App Module 和 TestPage Module 中添加Le ...

如何异步订阅 matdialog 服务以取消激活守卫? - How to subscribe asynchronously to matdialog service for candeactivate guard?

我已经使用角度表单验证实现了 candeactivate 保护。 如果用户单击 ngForm 字段。 并尝试导航到不同的选项卡,用户将获得一个自定义确认弹出窗口,其中会显示“放弃更改?”并返回 true 或 false。 这是我的守卫 组件保护 现在这是我的确认弹出代码。 我的问题是,如果 ...

Angular CanDeactivateGuard:如何等待 Obersavble 的正确或下一个值? - Angular CanDeactivateGuard: How to wait for the right or the next value of an Obersavble?

我有一个发出事件的服务: 我还有一个由组件中的函数触发的CanDeactivateGuard : 现在这一切正常。 但我有一个问题: 这将始终返回最后一个事件。 所以当什么都没有发生时,它会立即发送init 。 如果update()被调用,它将直接发送update 。 我怎样才能使它起作 ...

Angular 8 中的页面导航不会触发 canDeactivate() - canDeactivate() is not triggered on page navigation in Angular 8

当从当前组件导航到不同的组件时,我需要向用户抛出一个弹出窗口。 并且根据用户的输入,我将不得不要么让他离开,要么让他留下。 经过大量谷歌搜索后,我发现使用实现 canDeactivate 接口的路由保护是解决此问题的最佳方法。 然而,即使在遵循实现防护的分步过程之后,防护中实现的 canDea ...

按浏览器后退按钮后,CanDeactivate 防护未按预期运行 - CanDeactivate guards does not runs as expected, after pressing browser back button

我已经实现了 canDeactive 保护,一旦点击浏览器按钮,它就会弹出一个模型并询问是/否。 单击“否”后,它会停留在同一页面上,如果我再次按下后退按钮,则会出现弹出窗口,单击“否/是”按钮后,它会从浏览器历史记录重定向到空白页面 url,而不是停留在同一 url 上。 请找到停用守卫的代码。 ...

动态 canDeactivate Guard:在离开带有更改的表单之前显示确认消息 - Dynamic canDeactivate Guard: Show confirm message before navigating away from form with changes

我正在处理一个包含大量表单页面的项目,我想在最终用户尝试导航到另一条路线而不保存更改时向他们提供提示。 在所有页面中,我都使用类似这样的反应形式 那么我可以让我的所有组件都停用Guard 吗? 是否可以对所有页面使用相同的可以停用保护以防止表单更改? 提前致谢。 ...

Angular8 RXJS CanDeactivate 在停用前等待可观察的结果 - Angular8 RXJS CanDeactivate wait for result of observable before deactivation

我正在尝试使用 CanDeactivate 防护来检测用户何时离开组件。 目的是 #1 检查当前用户是否拥有记录上的“正在编辑”锁,如果是 #2,则调用 observable 来更新数据库。 我拥有的代码部分工作,但存在不总是释放锁的竞争条件,可能是因为在调用下一个 return 语句时,对this ...

Angular 8 中的路由器防护 - Router Guards in Angular 8

我创建了一个用户输入数据的应用程序。 在该应用程序上,我想实施路由器防护以拒绝用户返回 go 页面,这样他们就不会丢失数据。 如果用户单击浏览器上的后退按钮,它会重新加载页面而不是返回? 我正在考虑使用 canDeactivate 拒绝访问上一页和 Angular Location 来确定用户在哪个 ...


 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM