如何从自定义组件中的页面代码背后调用函数

时间:2019-02-06 16:20:57

标签: javascript typescript nativescript nativescript-plugin

我的页面中有一个自定义组件

test-page.xml

<Page xmlns="http://schemas.nativescript.org/tns.xsd" 
      xmlns:toolbar="components/toolbar">
    <AbsoluteLayout id="home-container-layout">
      <toolbar:toolbar back="onBackPressed"/>
    </AbsoluteLayout>
</Page>

页面后面的我的test-page.ts代码导出了此功能(onBackPressed)

export function onBackPressed(args) {
  console.log(`onBackPressed`);
}

以下是我的toolbar.ts文件(没有xml文件,因为在这里不重要)。在xml中,有一个带有tap =“ onBackButtonTap”的StackLayout。

import { EventData } from 'tns-core-modules/ui/core/view/view';

let container = null;

export function onLoaded(args: EventData) {
  console.log('on toolbar loaded');
  container = args.object;
}

export function onBackButtonTap(args) {
  console.log('onBackButtonTap');
  const functionName = container.back;

  // NOW in functionName I have "onBackPressed", but how to apply?  
}

问题是:现在我有了要应用的功能的名称,它来自test-page.ts,但是我如何应用此功能?

0 个答案:

没有答案