使用 Angular 7 的 Tizen 可穿戴 Web 应用程序答案

【问题标题】：Tizen wearable web application with Angular 7使用 Angular 7 的 Tizen 可穿戴 Web 应用程序
【发布时间】：2019-12-27 19:48:57
【问题描述】：

我正在尝试使用 Angular 7 创建一个 Tizen 可穿戴 Web 应用程序。

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

似乎一切正常，但现在我面临几个问题：

我需要在 Angular 组件中使用如下代码 sn-p，但找不到“tizen”。我想我必须以某种方式导入 tizen 库，但我不知道如何继续（甚至在哪里可以找到这个库）。

tizen.application.getCurrentApplication().exit();
我想直接在 Angular 代码中使用 TAU（Tizen 高级 UI），但我无法导入库。我正在寻找一些 npm 包或其他方式来导入和使用它。

任何建议都会被接受。

提前致谢！

【问题讨论】：

标签： javascript angular angular7 tizen tizen-web-app

【解决方案1】：

您可以使用(<any>window).tizen.application... 甚至更好，使用tizen 对象扩展Window 接口。
TAU 库基于 jQuery mobile - 它不是为与 Angular 一起工作而设计的。这些框架完全不同。

【讨论】：

【解决方案2】：

上面的评论对我有用。

我在我的应用程序的第一页上实现了一个事件来监听遥控器的返回按钮（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();
    }
  }
}

【讨论】：