Member 12836035 Ответов: 2

Создание нескольких divs динамически внутри div с помощью angular2


Я пробовал создавать несколько дивов внутри div, но это не работает.
Есть ли какой-нибудь способ создать несколько divs динамически с помощью Angular2?

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



for (var x = 0; x < 9; x++) {
           var board = document.createElement('div');
           board.className = "containernew";
           var container = document.getElementById('container');
           container.appendChild(board);
       }

2 Ответов

Рейтинг:
2

Andy Lanng

Выглядит найти для меня:

Угловой: Div Fiddle - JSFiddle[^]


Member 12836035

я пытался,но не получал..я могу просматривать только maindiv.
дочерние дивы не создаются. можем ли мы использовать appendchild в typescript..?

Andy Lanng

Ну, как вы можете видеть из jsfiddle, код, который вы опубликовали, является здравым. Может быть, он не работает? Попробуйте отладить его в chrome или firebug. Если вы не уверены, как их использовать, попробуйте поместить туда предупреждение.
Если вы обнаружите, что он даже не работает и нуждается в дополнительной помощи, опубликуйте больше кода и разметки, чтобы мы могли видеть большую область действия

Рейтинг:
0

Member 12836035



.container-new{
    background-color:forestgreen;
    height:50px;
    width:50px;
    display:block;
    float:left;     
    margin-left:30px;
    margin-top:30px;
    padding:10%;
    visibility:visible;
   color:red;
    
}
.projectcontainer{
    background-color:lightsteelblue;    
    display:block;
    height:500px;
    width:600px;
    margin-top:5%;
    visibility:visible;

    
}

var maindiv = document.getElementById('container');
       for (let x = 0; x < 9; x++) {
           var newdiv = document.createElement('div');
           newdiv.innerHTML = "addd";
           //newdiv.className = "container-new";
          // newdiv.setAttribute('className', 'container-new');
          newdiv.setAttribute('class', 'container-new');
           maindiv.setAttribute('class', 'projectcontainer');
           maindiv.appendChild(newdiv);
       }


я пытался this..am получение innerhtml newdiv и cssclass maindiv .
Но CSS-класс child div, то есть newdiv, не получает ( .container-new)..