anglejsのdiv要素に親子divを追加する方法は？

Question

私はangularjsの初心者です。私はイメージとして私の要件を追加しました。私のコントローラの側では、選択された要素を取得する必要があり、実行時に、ソースに基づいてdivを追加する必要があります。

before:- 
    Username: <input type="text" name="user"> 
    Username1: <input type="text" name="user1"> 
After:- 
    <div ><!-- 1st--> 
     Username: <input type="text" name="user"> 
    Username1: <input type="text" name="user1"> 
    </div> 

例2： - - ：

Before:- 
     <div ><!-- 1st--> 
      Username: <input type="text" name="user"> 
     Username1: <input type="text" name="user1"> 
     </div> 
After:- 
     <div ><!-- 1st--> 
      <div ><!-- 2nd--> 
      Username: <input type="text" name="user"> 
      Username1: <input type="text" name="user1"> 
      </div> 
     </div> 

Answer 1

これは単なるアイデアですが、動作します。この

例1で私を助けて。実際、どちらも同じケースです。もしあなたがidを編集する必要があれば、それだけです。それは

最初のケースでは、子供とparentDivを取得します。 document.getElementById('parentDiv');とinnerHTMLとChildrenを使用して、varibale ex、parentDivに格納します。 次に、上記の要素に対するholder要素を作成します。

var holder = document.createElement('holder'); 

したいと子

holder.appendChild('parentDiv'); 

DOMからparentDivを削除するようparentDivを追加し、この場所。

第2の場合も同じです。 idや属性はここで重要です。

 var parent = document.getElementById('parent'); 
     var parentParent = document.createElement('div'); 
     parentParent.setAttribute('id', 'parentParent'); 
     document.body.appendChild(parentParent); 
     parentParent.appendChild(parent); 

このリンクを通過しますhttps://plnkr.co/edit/Y2cJrUGYcygvM9i6wKx5?p=preview index.htmlを

Answer 2

であっラインを見つけます。私はjqueryでやった。角度のためにあなたは確かに間違った方法で物事を「見て」いるangular.element

https://plnkr.co/edit/GiY68oZdvj6IXYhgQwux?p=preview

var elems = $('.same').eq(4); 
$("#sam1").wrap("<div class='new'></div>"); 
$('#sam2').siblings().wrapAll("<div class='secondnew'></div>") 
$('.same').siblings().eq(1).css('color', 'red'); 
$('.same').siblings().eq(2).css('color', 'red'); 
$('#sam3').nextUntil(elems).addBack().wrapAll('<div class="wrapper"/>');