Как можно получить элементы ввода или доступа из индекса. html в Angular 8 компонент? - PullRequest
1 голос
/ 28 января 2020

Я новичок в технологии Angular и пытаюсь внедрить компонент диаграммы Angular в мое веб-приложение java с сервлетом с помощью приведенного ниже кода.

<iframe src="../angularchart/index.html" name="targetframe" allowTransparency="true" scrolling="yes" frameborder="0" width="100%" height="80%"></iframe>

Это приносит мне необходимые Angular диаграммы на моей веб-странице, но я хочу передать данные в компонент Angular из моего java сервлета. Я знаю, что стандартным способом является использование REST API, но в моем случае у меня есть только данные в моем сервлете, и я могу передать их в индекс. html page. Что-то похожее на приведенное ниже,

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Angularchart</title>
  <script type="text/javascript">
    function chartInput()
    {
      var jsoninput = { key : value}  // dummy input populated by servlet
      return jsoninput
    }
  </script>
  <meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
  <app-root></app-root>
</body>
</html>

My вопрос в том, что я могу получить доступ к индексу, определенному функцией / элементом. html из моего Angular компонента? или есть другой способ сделать? Заранее спасибо. Пожалуйста, извините, если вы нашли что-то не так в этом вопросе.

1 Ответ

0 голосов
/ 28 января 2020

Опция 1: использовать javascript postMessage

// where to send messages with postMessage
 var target_origin = 'http://www.your-domain.com';
 var form = document.getElementById('myChart');

 // button onclick handlers
 // display offsetHeight of iframe containing this document
 form.elements.button1.onclick = function() {
      parent.postMessage( {'chartClick': 'testMessage'}, target_origin );
 }

опция 2 вы также можете установить данные в localalstorage и получить эти данные из вашего код сервлета

Я надеюсь, что это поможет вам

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...