Интеграция Surveyjs с Nativescript + Angular

Question

Я пытаюсь объединить surveyjs с моим приложением NativeScript. Я сослался на URL для того же слияния с приложением Angular

Из демонстрационного кода Angular, приведенного на веб-сайте, мы должны добавить обработчик событий для кнопки "Завершить", где мы можем получить ответ от surveyjs. Можно ли аналогичным образом интегрировать приложение для Nativescript Mobile? Вот подход, который я чувствую, может быть принят.

дисплей

• Создайте HTML, предоставленный SurveyJS, с необходимыми ссылками CSS и JS и добавьте их в виде файла в проект.

• Измените HTML, как только я получу вопрос об опросе с сервера.

• Показать HTML как часть WebView. Это позаботится о отображении
  опрос по моей заявке.

Вот мои проблемы во время подачи

• В соответствии с процессом, описанным в SurveyJS, мне нужно добавить обработчик для oncomplete, который получит для меня результат json. Как я могу добавить обработчики для полного нажатия кнопки в моем коде? Также обратите внимание, что есть вероятность, что на одной странице может быть несколько опросов.
• Помимо опроса, на странице есть и другие поля, и пользователь отправит их все сразу, нажав кнопку "Отправить" на странице. Поэтому я планирую скрыть кнопку "Завершить" на странице SurveyJS. Это должно быть запущено с помощью кода. Можно ли это сделать?

Если кто-то может дать указания о том, может ли этот сценарий быть обработан в приложении nativescript с Angular, это очень поможет.

Answer 1

Да, это можно сделать с помощью https://github.com/shripalsoni04/nativescript-webview-interface.

добавить код jS внутри WebView для обработки oncomplete событие из опроса JS. и при этом вызове функции испускают какое-то событие в собственное приложение. после этого добавьте код 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
    });

для получения более подробной информации об этом вы можете проверить файл readme плагина https://github.com/shripalsoni04/nativescript-webview-interface