Angular 4+中的浏览器中的自定义模态对话框

时间:2018-02-15 11:57:01

标签: javascript angular routes location angular5

假设我当前的路线是 / transact / orders 并且处于订单摘要视图中,我想要做的是打开一个自定义对话框,该对话框提供添加到购物车的选项取消按钮。如果用户按添加到购物车按钮,则会转到购物车或浏览器后退按钮功能会发生的。目前,我正在使用Angular 5.2。我想知道是否可以使用 LocationStrategy 。我搜索过但无法得到一个正确的例子。可以用适当的例子解释一下吗?

1 个答案:

答案 0 :(得分:0)

您可以在按下后退按钮的任何地方订阅位置事件:

import { Subscription } from 'rxjs/Subscription';     
ngOnInit() {
    this.subscription = <Subscription>  this.location.subscribe( () => {
        // your code here
} );
}

ngOnDestroy() {

    this.subscription.unsubscribe();
}

不要忘记在OnDestroy中取消订阅。 编辑:位置应该是类型位置,而不是LocationStrategy