1

经过几个小时的挣扎，我希望我能找到一个明白这一点的人。Nativescript 为 Angular + Typescript 的应用程序事件提供支持：

http://docs.nativescript.org/angular/core-concepts/application-management.html

但是，我不明白应该在哪里添加这些。该网站的示例显示以下代码：

import application = require("application");
application.on(application.launchEvent, function (args: application.ApplicationEventData) {
    if (args.android) {
        // For Android applications, args.android is an android.content.Intent class.
        console.log("Launched Android application with the following intent: " + args.android + ".");
    } else if (args.ios !== undefined) {
        // For iOS applications, args.ios is NSDictionary (launchOptions).
        console.log("Launched iOS application with options: " + args.ios);
    }
});

...

application.start({ moduleName: "main-page" });

如何在我的 Angular 应用程序中使用它？对我来说，感觉这实际上不是 Angular 版本的代码，但也许我遗漏了一些东西。

我尝试导入应用程序并将其添加到我的主 AppComponent 的 ngOnInit 中：

ngOnInit() {
    application.on(application.launchEvent, function (args: application.ApplicationEventData) {
        if (args.android) {
            // For Android applications, args.android is an android.content.Intent class.
            console.log("Alert something"); // : " + args.android + ".");
        } else if (args.ios !== undefined) {
            // For iOS applications, args.ios is NSDictionary (launchOptions).
            console.log("Launched iOS application with options: " + args.ios);
        }
        console.log('launch detected')
    });

    console.log('application initiated');
}

虽然我没有收到任何错误，但我只能看到应用程序启动的消息。关于如何使用提到的 android args 的任何想法？

更新： 最后它比预期的要容易得多，请参阅我用来解决此问题的代码：

import app = require('application');
import "reflect-metadata";
import {nativeScriptBootstrap} from "nativescript-angular/application";
import {AppComponent} from "./app.component";

app.on(app.launchEvent, function (args: app.ApplicationEventData) {
    // on launch code
});

nativeScriptBootstrap(AppComponent);

谢谢您的帮助！

4

1 回答 1

1

您需要将应用程序事件函数添加到 main.ts 或 app.ts 文件，并且在与 Bootstrap 一致之前

import app = require('application');
import "reflect-metadata";
import {nativeScriptBootstrap} from "nativescript-angular/application";
import {AppComponent} from "./app.component";

app.on(app.launchEvent, function (args: app.ApplicationEventData) {
    // on launch code
});

nativeScriptBootstrap(AppComponent);
于 2016-07-30T15:02:23.183 回答