Как добавить div динамически в нижнюю часть тега div?

Question

Я хочу добавить динамически нижнюю часть div, например окно чата в Facebook или Whats-app. Всякий раз, когда я хочу добавить погружения, это добавляет от верхней части тела.

Answer 1

Это может помочь! .. для динамически добавляемых div-ов и для чатов, таких как css, вам нужно изменить свой css.

var app = angular.module('myapp', []);

function MyCtrl(){}
MyCtrl.prototype = {
  addElement:function(){
    var newEle = angular.element("<div class='red'>new div!</div>");
    var target = document.getElementById('target');
    angular.element(target).append(newEle);
  }
};

app.controller('myCtrl', MyCtrl);

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.1/angular.min.js"></script>
<div ng-app="myapp" ng-controller="myCtrl as $ctrl">
  <button type="button" ng-click="$ctrl.addElement()">Add Element</button>
  <div id="target"></div>
</div>