NativeScript - WebView 内的 Angular HTML 组件

Question

快速介绍：您好，我是团队的一员，该团队将把旧的 Web 应用程序前端（js，2012 年编写）迁移到 Angular 框架。我们被建议使用 NativeScript，因为该应用将在桌面和移动设备上使用，并且为用户提供原生应用体验会很好。

重点： 该应用程序的功能之一是使用所见即所得编辑器编辑页面。目前我们为此使用 CK Editor。我知道有CKEditor support for Angular。但是在 NativeScript 中显然没有“本机”控件。我一直在考虑提供此功能的想法是使用 NativeScript 的 WebView 控件并使用nativescript-webview-interface 绑定编辑器事件。从我迄今为止的研究来看，可以在普通（非角度模板）html文件中使用javascript CKEEditor。

但我更希望保持一致，并为 Web 视图和移动视图使用 CKEditor 角度组件。

问题： 是否可以在 WebView 内重用包含 CKEditor 的基于角度 html 的组件？或者一般来说，是否可以在 NS 的 WebView 中实例化（并与之交互）Angular html 组件？ Angular 6+ Elements 支持是否适用于此处？

提前谢谢你。

Answer 1

正如你已经提到的，你可以在 WebView 中托管 CKEditor 并使用 webview-interface 插件来监听它的事件。

简而言之，NativeScript 允许您使用现有的 Web 开发技能构建原生应用程序。你的 UI 完全是原生的，你可以 100% 访问原生 api，你仍然使用 JavaScript / Angular / Vue 来编写你的业务逻辑。

WebView 是一个原生组件，任何托管在 WebView 中的东西都将完全脱离 NativeScript 运行时/控制原生 UI 的 Angular 的上下文。因此，如果您更喜欢使用 CKEditor 的 Angular 组件，那么您必须将其编译为独立的 Angular 应用程序，或者至少编译为 Angular 元素，然后将其托管到 WebView 中。