Angular 7 的 Tizen 可穿戴网络应用程序

Question

我正在尝试使用 Angular 7 创建 Tizen 可穿戴网络应用程序。

想法是实现一个简单的 angular 应用程序，然后将构建文件（使用 ng build --prod 命令获得）放入 Tizen Studio 基础项目中。这样我就可以构建一个可穿戴设备。

似乎一切正常，但现在我遇到了几个问题：

我需要在 angular 组件中使用如下代码片段，但未找到“tizen”。我想我必须以某种方式导入 tizen 库，但我不知道如何进行（甚至不知道在哪里可以找到这个库）。

tizen.application.getCurrentApplication().exit();
我想直接在 angular 代码中使用 TAU (Tizen Advanced UI)，但我无法导入该库。我正在寻找一些 npm 包或其他导入和使用它的方法。

任何建议都被接受。

提前致谢！

Answer 1

您可以使用 (<any>window).tizen.application... 甚至更好，使用 tizen 对象扩展 Window 接口。
TAU 库基于 jQuery 移动设备 - 它不适用于 Angular。这些框架完全不同。

Answer 2

上面的评论对我有用。

我在我的应用程序的第一页实现了一个事件来监听遥控器的 return 按钮 (keyCode = 10009) 并关闭应用程序，我实现了上面的代码。

import {Component, HostListener, OnInit} from '@angular/core';
@Component({
   selector: 'app-mycomponent',
   templateUrl: './my.component.html',
   styleUrls: ['./my.component.scss'],
})
export class MyComponent implements OnInit {
   static KEYCODE_RETURN_TIZEN = 10009;
  @HostListener('window:keydown', ['$event']) onClick(event: KeyboardEvent) {
     if ([MyComponent.KEYCODE_RETURN_TIZEN].includes(event.keyCode)) {
     // Implement any confirm component
     (window as any).tizen.application.getCurrentApplication().exit();
    }
  }
}

Angular 7 的 Tizen 可穿戴网络应用程序

Tizen wearable web application with Angular 7

javascript

tizen

tizen-web-app

angular

angular7