Member 12836035 Ответов: 0

Как изменить innerHTML будет дивов создаются динамически на основе данных JSON с использованием angular2 машинопись?

Я могу создать несколько divs на основе ngFor и JSON datalength, но мне нужно изменить innerhtml div, зациклившись на datalength.

Innerhtml div должен содержать данные json.Значения внутри массива JSON должен быть принят в несколько слоев.Первый div должен содержать начальное значение данных json, а второй div должен содержать следующее значение данных json.

Я попробовал код ниже, но получил только первое значение.Второй див не получает заполняется второе значение из JSON-данных

Что я уже пробовал:

<div id="projectdiv" class="project-details" *ngFor="let i of Arr(num)">                                                                       
                <input name="fname" type="text" value="" id="firstname" style="visibility:hidden" />
                <input name="fname" type="text" value="" id="secondname" style="visibility:hidden" />               
            </div>
<pre><pre lang="Javascript">
 result = JSON.parse(this.projectdetails);
 datalength = Object.keys(result).length;               
 this.num = datalength;
  var z = document.getElementById('firstname');
  var u = document.getElementById('secondname');
for (i = 0; i <datalength; i++) {                  

                    z.style.visibility = 'visible';

                    u.style.visibility = 'visible';

                    z.outerText=result[i].Name;

                    u.outerText = result[i].TotalServers + ":Counties";}

0 Ответов