NativeScript - WebView 中的 Angular HTML 组件

NativeScript - Angular HTML component inside WebView

简介: 嗨,我是将 Web 应用程序的旧前端(js,2012 年编写)迁移到 Angular 的团队的一员框架。我们被建议使用 NativeScript,因为该应用程序将同时在桌面和移动设备上使用,并且为用户提供本机应用程序体验会很好。

重点: 该应用程序的功能之一是使用 WYSWIG 编辑器编辑页面。目前我们为此使用 CK Editor。我知道有 CKEditor support for Angular. But there obviously is no "native" control for this in NativeScript. The idea that I've been thinking of to provide this functionality is to use WebView control of NativeScript and bind editor events using nativescript-webview-interface。到目前为止,根据我的研究,它认为可以在普通文件(不是 angular 模板)html 文件中使用 javascript CKEDitor。

但我非常希望保持一致,并为 Web 视图和移动视图使用 CKEditor angular 组件。

问题: 是否可以在 WebView 中重用包含 CKEditor 的基于 angular html 的组件?或者一般来说,是否可以在 NS 的 WebView 中实例化(并与之交互)Angular html 组件? Angular 6+ 元素支持适用于此吗?

提前致谢。

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

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

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