如何通过点击 NativeScript 进行返回导航?
How to make back navigation by tap NativeScript?
我的模板是:
<ActionBar class="action-bar">
<NavigationButton android.systemIcon="ic_menu_back" text="Back" (tap)="goBack()"></NavigationButton>
</ActionBar>
如何写goBack()
返回的函数?
由于您使用的是 Angular,因此您可以使用 nativescript-angular
包中的 RouterExtensions
。具体来说,调用routerExtensions.back()
。这是一个完整的内联示例:
import { Component } from '@angular/core';
import { RouterExtensions } from 'nativescript-angular/router';
@Component({
selector: 'example',
moduleId: module.id,
template: `<ActionBar class="action-bar">
<NavigationButton android.systemIcon="ic_menu_back" text="Back" (tap)="routerExtensions.back()"></NavigationButton>
</ActionBar>`,
})
export class ExampleComponent {
constructor(public routerExtensions: RouterExtensions) {
}
}
我的模板是:
<ActionBar class="action-bar">
<NavigationButton android.systemIcon="ic_menu_back" text="Back" (tap)="goBack()"></NavigationButton>
</ActionBar>
如何写goBack()
返回的函数?
由于您使用的是 Angular,因此您可以使用 nativescript-angular
包中的 RouterExtensions
。具体来说,调用routerExtensions.back()
。这是一个完整的内联示例:
import { Component } from '@angular/core';
import { RouterExtensions } from 'nativescript-angular/router';
@Component({
selector: 'example',
moduleId: module.id,
template: `<ActionBar class="action-bar">
<NavigationButton android.systemIcon="ic_menu_back" text="Back" (tap)="routerExtensions.back()"></NavigationButton>
</ActionBar>`,
})
export class ExampleComponent {
constructor(public routerExtensions: RouterExtensions) {
}
}