NativeScript + angular 2:使用后退按钮单击侦听器

恩卡·内内(Onkar Nene)

我正在使用NativeScript + Angular 2开发跨平台移动应用程序

我想处理当前视图的后退按钮单击,即当用户单击android设备中的后退按钮时,我想执行诸如从堆栈中删除/删除当前视图的操作。

例如:在android平台(本机开发)中,我们可以使用finish()活动方法将其从堆栈中删除。我们可以像这样处理onBackPressed():

@Override
public void onBackPressed()
{
    finish();  //Removes current Activity from stack
}

那么NativeScript + angular 2有什么方法可以处理onBackPressed()处理吗?我在Google上搜索了很多,但是没有找到任何解决方案,并且还在NativeScript + Angular 2中尝试过,但是对我没有用。它在NativeScript + JavaScript中非常有效。finish()Frame.goBack()

更新

我想从堆栈中永久删除视图,因为在应用程序中不再需要它。安装应用程序时,它应该第一次显示。

对于前:

点赞登录屏幕

1)安装应用程序后,将显示“登录”屏幕,并在下次启动该应用程序时,应用程序将自动跳过“登录”屏幕并移至主屏幕(工作正常)

2)但问题是当我从主屏幕按返回按钮时,由于登录屏幕仍存在于堆栈中,因此应用程序每次都导航至登录屏幕。这就是为什么我要从堆栈中永久删除登录屏幕。

尼克·伊利耶夫(Nick Iliev)

您需要实现的方法是注入Location并使用方法back()

import {Location} from '@angular/common';

@Component({ ... })
export class MyComponent {
    constructor(private location: Location) { }

    public goBack() {
        this.location.back();
    }
}

此时,当用户返回时,您不必担心显式破坏视图,因为没有移动选项可以“前进”

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

angular Nativescript 使用的版本?

在 Nativescript Angular 项目中使用 Nativescript Core 插件

Nativescript angular:处理不同页面上的android后退按钮

Angular2与Primeng组件Nativescript问题

Nativescript和angular 2 Http服务

如何拒绝NativeScript上的承诺-Angular 2

使用NativeScript和Angular管理状态

使用HttpClient时出现Angular错误的Nativescript

尝试在 Nativescript Angular App 中使用 SASS

Nativescript Angular 2-单击添加标签类

使用Nativescript / Angular项目中的浮动操作按钮

在NativeScript angular 2应用中重用angular 1模块

在Angular2或NativeScript中使用Typescript 2“ noUnusedLocals”

如何使用Angular2在Nativescript中获取图像坐标

使用NativeScript + Angular和ActionBar后退按钮来递归导航到具有历史记录的相同组件?

在Nativescript-Angular TabView上隐藏选项卡按钮

Nativescript-Angular处理后退按钮可更改可见性

什么可能导致诺言在Nativescript angular2中失败?

Angular2/Nativescript:如何突出显示 ListView 的选定项目?

Nativescript/Angular2:内联源映射混淆

Nativescript angular 2调用功能每次页面加载

在带有Angular2的NativeScript中获取元素值

在 nativescript-angular2 中解析没有键的数组

NativeScript-Angular 2自定义AppDelegate

NativeScript Angular2应用程序中的测试组件

在 NativeScript 中使用 Angular 为组件特定的 .scss Sass

在带有 Angular 5 的 Nativescript 中使用的环境变量

在 android 和 iOS 上使用 angular 在 nativescript 中处理注销

如何使用angular在Nativescript中实现可见性