title: How to dynamically create block of content and then add class?
body: <p>I'm pretty bad at Angularjs, sorry. I need to create 'commentary box' onclick, then i need to insert this "box" to global-wrap-container (it's a class name). </p>
  
  <p>Here i have my "comment box"</p>
  
  <pre><code>  &lt;div class="comment-reply-wrap" &gt;
      &lt;div class="comment"&gt;
        &lt;div class="info" &gt;
          &lt;div class="left-side-info"&gt;
            &lt;img src="img/avatar.png" alt="avatar" class="avatar"&gt;
            &lt;span class="name"&gt;{{repUsers.name}}&lt;/span&gt;
          &lt;/div&gt;
          &lt;div class="right-side-info"&gt;
            &lt;p class="user-text" ng-bind-html='repUsers.text'&gt;
              &lt;img class="comment-image" src=""&gt;
            &lt;/p&gt;
          &lt;/div&gt;
          &lt;div class="bottom"&gt;
            &lt;span class="comment-email"&gt;{{repUsers.email}}&lt;/span&gt;
            &lt;span class="comment-date"&gt;10/29/2010 at 6:40AM&lt;/span&gt;
            &lt;button type="submit" class="reply" ng-click="createReplyForm($event)"&gt;
              &lt;i class="fa fa-reply" aria-hidden="true"&gt;&lt;/i&gt;
            &lt;/button&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p>Here is the function, where i push information and "commentary" appears.</p>
  
  <pre><code>$scope.addRepUser = function() {
  $scope.bool = false;
  
  //Dynamically create array of objects and push data
    $scope.repUsers.push({
    name: $scope.repUser.name,
    email: $scope.repUser.email,
    text: $scope.repUser.text
    });
  
  
  //Clear input fields in main form
  $scope.repUser.name = '';
  $scope.repUser.email = '';
  $scope.repUser.text = ''; };
  </code></pre>