Как отобразить несколько iframe в качестве значений в атрибуте select в angular2 + - PullRequest
Новая
       16

Как отобразить несколько iframe в качестве значений в атрибуте select в angular2 +

0 голосов
/ 21 мая 2018

У меня много ссылок iframe src, и я хочу, чтобы атрибут select отображал их.Вот как я это сделал -

component.html 

  <select name="numberOfChildren" class="selectBox">

   <option value="<iframe 
    src="http://10.0.0.4:5601/app/kibana#/dashboard?embed=true&_g 
    width="1200">">Graph one

    <option value="<iframe 
       src="http://10.0.0.4:5601/app/kibana#/dashboard/79ffd6e0-faa0- 
       11e6- 
       947f-177f697178b8?embed=true&_g width="1200">">graph two

   </select>

Я получаю ошибку: 

   Unexpected closing tag "select". It may happen when the tag has 
   already been closed by another tag. For more info see 
   https://www.w3.org/TR/html5/syntax.html#closing-elements-that-have- 
   implied-end-tags ("

   [ERROR ->]</select>

Пожалуйста, помогите мнепри отображении атрибута select со значениями в виде ссылок iframe.

1 Ответ

0 голосов
/ 21 мая 2018

Вы не закрыли тег option правильно, используйте этот код 

<select name="numberOfChildren" class="selectBox">

  <option value="<iframe
  src="http://10.0.0.4:5601/app/kibana#/dashboard?embed=true&_g
  width="1200">">Graph one</option>

  <option value="<iframe
  src="http://10.0.0.4:5601/app/kibana#/dashboard/79ffd6e0-faa0-
  11e6-
  947f-177f697178b8?embed=true&_g width="1200">">graph two
  </option>

</select>

Обновление

Способ добавления iFrame неправильный, вместо того, чтобы передавать в качестве значения, которое необходимо вызватьфункционировать и изменять srs этого iFrame следующим образом 

<select name="numberOfChildren" class="selectBox">
    <option value="getIframeValue('http://10.0.0.4:5601/app/kibana#/dashboard?embed=true&_gwidth=1200')">Graph one</option>
    <option value="getIframeValue('http://10.0.0.4:5601/app/kibana#/dashboard/79ffd6e0-faa0-11e6-947f-177f697178b8?embed=true&_g width=1200')">Graph Two</option>
</select>
<iframe id="MyFrame1" name="MyFrame1" style="width: 1040px; height: 682px" src="Default.aspx"></iframe>

getIframeValue(src) {
  window.document.getElementById("MyFrame1").src = src
}
...