将 Surveyjs 与 Nativescript 集成 + Angular
Integrating Surveyjs with Nativescript + Angular
我正在尝试将 surveyjs 与我的 NativeScript 应用程序合并。我已将 URL 与 Angular 应用程序
合并
从网站上提供的 Angular 演示代码中,我们必须为完成按钮添加事件处理程序,我们可以从 surveyjs 获得响应。是否可以为 Nativescript Mobile 应用程序进行类似的集成?这是我认为可以采取的方法。
显示
创建一个由 SurveyJS 提供的 HTML 以及必需的 CSS 和 JS
引用并将它们作为文件添加到项目中。
一旦我从服务器返回调查问题json,请修改HTML。
将 HTML 显示为 WebView 的一部分。这将负责显示
关于我的申请的调查。
这是我在提交过程中遇到的挑战
- 根据 SurveyJS 上给出的流程,我需要为
oncomplete 这将为我得到结果 json 。我该如何添加
在我的代码中单击“完成”按钮的处理程序?另请注意
有可能对一个单一的项目进行多项调查
页。
- 页面和用户除了Survey,还有其他字段
将通过单击页面的提交按钮一次性提交它们。
因此我打算隐藏 SurveyJS 提供的完成按钮
页。这需要通过代码触发。这能做到吗?
如果有人可以就是否可以使用 Angular 在 nativescript 应用程序中处理这种情况提供指导,那将非常有帮助。
是的,可以使用 nativescript-webview-interface 插件来完成。
在 WebView 中添加 jS 代码以处理来自 surveyJS 的 oncomplete
事件。并在该函数调用上向本机应用程序发出一些事件。之后添加 nativescript 代码以侦听该事件并返回 JSON。
在 webView 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
我正在尝试将 surveyjs 与我的 NativeScript 应用程序合并。我已将 URL 与 Angular 应用程序
合并从网站上提供的 Angular 演示代码中,我们必须为完成按钮添加事件处理程序,我们可以从 surveyjs 获得响应。是否可以为 Nativescript Mobile 应用程序进行类似的集成?这是我认为可以采取的方法。
显示
创建一个由 SurveyJS 提供的 HTML 以及必需的 CSS 和 JS 引用并将它们作为文件添加到项目中。
一旦我从服务器返回调查问题json,请修改HTML。
将 HTML 显示为 WebView 的一部分。这将负责显示
关于我的申请的调查。
这是我在提交过程中遇到的挑战
- 根据 SurveyJS 上给出的流程,我需要为 oncomplete 这将为我得到结果 json 。我该如何添加 在我的代码中单击“完成”按钮的处理程序?另请注意 有可能对一个单一的项目进行多项调查 页。
- 页面和用户除了Survey,还有其他字段 将通过单击页面的提交按钮一次性提交它们。 因此我打算隐藏 SurveyJS 提供的完成按钮 页。这需要通过代码触发。这能做到吗?
如果有人可以就是否可以使用 Angular 在 nativescript 应用程序中处理这种情况提供指导,那将非常有帮助。
是的,可以使用 nativescript-webview-interface 插件来完成。
在 WebView 中添加 jS 代码以处理来自 surveyJS 的 oncomplete
事件。并在该函数调用上向本机应用程序发出一些事件。之后添加 nativescript 代码以侦听该事件并返回 JSON。
在 webView 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