将 Surveyjs 与 Nativescript + Angular 集成



我正在尝试将surveyjs与我的NativeScript应用程序合并。我已经引用了用于与 Angular 应用程序合并的 URL

从网站上给出的 Angular 演示代码中,我们必须为"完成"按钮添加事件处理程序,我们可以在其中获得来自 surveyjs 的响应。是否可以为Nativescript移动应用程序进行类似的集成?这是我认为可以采取的方法。

显示

  • 使用所需的 CSS 和 JS 创建 SurveyJS 提供的 HTML 引用并将它们作为文件添加到项目中。

  • 一旦我从服务器返回调查问题 json,请修改 HTML。

  • 将 HTML 显示为 Web 视图的一部分。这将负责在我的应用程序上显示
    调查。

以下是我在提交过程中的挑战

  • 根据 SurveyJS 上给出的过程,我需要为 完成,这将为我获得结果 json。如何添加 在我的代码中单击"完成"按钮的处理程序?另请注意, 一个调查上可能存在多个调查 页。
  • 除了调查,页面和用户上还有其他字段 将通过单击页面的"提交"按钮一次性提交所有内容。 因此,我打算隐藏SurveyJS提供的"完成"按钮 页。这需要通过代码触发。这能做到吗?

如果有人可以指导是否可以使用 Angular 在 nativescript 应用程序中处理这种情况,这将非常有帮助。

是的,可以使用nativescript-webview-interface插件来完成。

在 WebView 中添加 jS 代码以处理来自 surveyJSoncomplete事件。 并在该函数调用向本机应用程序发出一些事件。 之后添加 nativescript 代码以侦听该事件并获取 JSON。

内部网络视图JS函数

var oWebViewInterface = window.nsWebViewInterface;
// emit event to native app
oWebViewInterface.emit('anyEvent', jsonData);

在原生应用程序内部

oWebViewInterface.on('anyEvent', function(jsonData){
// perform action on event
});

有关这方面的更多详细信息,您可以查看插件自述文件 https://github.com/shripalsoni04/nativescript-webview-interface

最新更新