Как в html реализовать ngfor let item in items без

Question

Angular - русскоговорящее сообщество

Web21

Как в html реализовать ngfor let item in items без

фреймворко? на чистом js?)

#angular #frontend #javascript #programming #russian

0

27.01.2021

15 ответов

3 просмотра

Web21 Автор вопроса

Yurii Kovalenko
<script></script>

я реализацию имел ввиду))

0

27.01.2021

Hey 👋, i'm 𝖙𝖍𝖊𝖐𝖎𝖇𝖆! キバ

Вам понадобятся для этого template, вот тут есть примеры небольшие, как их можно использовать: https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_templates_and_slots

0

27.01.2021

Vadim Malovaniy

в цикле создаешь разметку и вставляешь в дом

0

27.01.2021

Web21 Автор вопроса

Vadim Malovaniy
в цикле создаешь разметку и вставляешь в дом

можно ссылку на пример?

0

27.01.2021

Vadim Malovaniy

Web21
можно ссылку на пример?

let div = document.createElement('div'); div.className = "alert"; div.innerHTML = "<strong>Всем привет!</strong> Вы прочитали важное сообщение."; document.body.append(div);

0

27.01.2021

Web21 Автор вопроса

Vadim Malovaniy
let div = document.createElement('div'); div.cla...

ок спс вроде получается)

0

27.01.2021

Web21 Автор вопроса

Vadim Malovaniy
let div = document.createElement('div'); div.cla...

а в innerHTML можно index из цикла вставить?

0

27.01.2021

Vadim Malovaniy

Web21
а в innerHTML можно index из цикла вставить?

да

0

27.01.2021

Web21 Автор вопроса

Vadim Malovaniy
да

а как? чето пробовал {{index}} не получается...

0

27.01.2021

Oleg Safonov

Web21
а как? чето пробовал {{index}} не получается...

Это ж синтаксис ангуляра :D div.innerHTML = 'Привет' + index; Но тут лучше innerText, если там не HTML разметку вставляете

0

27.01.2021

Web21 Автор вопроса

Oleg Safonov
Это ж синтаксис ангуляра :D div.innerHTML = 'Приве...

понял спс)

0

27.01.2021

Hey 👋, i'm 𝖙𝖍𝖊𝖐𝖎𝖇𝖆! キバ

Web21
а как? чето пробовал {{index}} не получается...

Посмотрите lit-html, проще будет взять его для генерации html. Это не только поможет решить текущую задачу, но и решит множество неочевидных проблем: https://github.com/Polymer/lit-html

0

27.01.2021

Oleg Safonov

Web21
понял спс)

Ещё можете использовать шаблонные строки, типа innerHTML = Привет ${index}; Вот так будет ближе к тому, что хотели Только обратите внимание, там не кавычки)

0

27.01.2021

Web21 Автор вопроса

Oleg Safonov
Ещё можете использовать шаблонные строки, типа in...

у меня впринципе задача очень простая и шаблонная, мне нужно создать 1 страничку с формой, отправить POST запрос на сервер , там лежит JSON, мне нужно его распарсить и отрисовать ответ на этой же страничке в виде таблицы) но все это желательно без фреймворков)

0

27.01.2021

Yurii Kovalenko · Accepted Answer

Yurii Kovalenko

0

27.01.2021

169 похожих чатов

Как в html реализовать ngfor let item in items без

15 ответов

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