NativeScript-WebView内的Angular HTML组件

Question

快速介绍：嗨，我是团队的一部分，该团队将Web应用程序（js，于2012年编写）的旧前端迁移到Angular框架。我们建议使用NativeScript，因为该应用程序将同时在台式机和移动设备上使用，并且很高兴为用户提供本机应用程序体验。

要点： 该应用程序的功能之一是使用WYSWIG编辑器编辑页面。目前，我们为此使用CK编辑器。我知道有CKEditor support for Angular。但是在NativeScript中，显然没有“本机”控件。我一直想提供此功能的想法是使用NativeScript的WebView控件并使用nativescript-webview-interface绑定编辑器事件。从到目前为止的研究来看，可以在纯文本（而不是有角模板）的html文件中使用javascript CKEDitor。

但是我非常希望保持一致，并且在Web视图和移动视图中都使用CKEditor角度组件。

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

谢谢。

Answer 1

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

简而言之，NativeScript允许您利用现有的Web开发技能来构建本机应用程序。您的UI完全是本机的，您将获得100％的本机api访问权限，并且仍然使用JavaScript / Angular / Vue编写业务逻辑。

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