Angular 4 добавление изображения перед каждой новой строкой с использованием рендерера

захватить входные значения после отправки формы

$start_time = $_POST('start_time');
$end_time =$_POST('end_time');

$start = $start_time;
$end = $end_time;

$datetime1 = new DateTime($end);
$datetime2 = new DateTime($start);
//echo $datetime1->format('H:i:s');
$interval = $datetime1->diff($datetime2);
$elapsed = $interval->format('%h:%i');
$time = explode(":",$elapsed);
$hours = $time[0];
$minutes = $time[1];
$tminutes = $minutes + ($hours*60);

переменная $ tminutes - полная разница в минутах, рабочий час - $ hour

-2
задан Enthu 29 January 2019 в 12:45
поделиться

2 ответа

Вы можете попробовать что-то вроде этого -

create(){
  this.tooltip = this.renderer.createElement('div');

    this.tooltipTitle.split(',').forEach((text) => {
      let container = this.renderer.createElement('div');
      let img = this.renderer.createElement('img');
      this.renderer.setAttribute(img, "src", "assets/images/restriction.png");
      this.renderer.appendChild(container, img);

      let textSpan = this.renderer.createElement('span');
      this.renderer.appendChild(textSpan, this.renderer.createText(text));
      this.renderer.appendChild(container, textSpan);

      this.renderer.appendChild(this.tooltip, container);
    });

    this.renderer.appendChild(document.body, this.tooltip);
}

В html я сохранил встроенный CSS, который вы можете иметь в отдельном файле, и загрузите его, вызвав this.renderer.addClass ()

[ 111]

Вот мой тест tooltipTitles -

tooltipTitle = "Яблоко, Мяч, Кошка, Собака, Слон Слон Слон Слон Слон Слон Слон Слон Слон Слон";

И вот вывод снимок экрана

Тестовый вывод

0
ответ дан reezvi 29 January 2019 в 12:45
поделиться
      this.tooltip = this.renderer.createElement('div');
      this.tooltipTitle.split(',').forEach((text) => {
      this.renderer.appendChild(this.tooltip, this.renderer.createText(text));
      this.renderer.appendChild(this.tooltip, this.renderer.createElement('br'));

      var img2 = document.createElement('img'); // Use DOM HTMLImageElement
      img2.src = 'image2.jpg';
      img2.alt = 'alt text';
      this.renderer.appendChild(this.tooltip,img2);
      this.renderer.appendChild(this.tooltip, this.renderer.createElement('br'));

      this.renderer.appendChild(document.body, this.tooltip);
    });

enter image description here

Другой макет enter image description here

0
ответ дан Yuri S 29 January 2019 в 12:45
поделиться
Другие вопросы по тегам:

Похожие вопросы: