如何在 div 标签的下部动态附加 div？

【问题标题】：How to append div dynamically lower part of div tag?如何在 div 标签的下部动态附加 div？
【发布时间】：2019-01-16 08:00:18
【问题描述】：

我想在 div 的下部动态添加 div，例如 Facebook 或 whats-app 中的聊天框。每当我想添加潜水时，它会从上半身添加。

【问题讨论】：

这些可能会有所帮助：stackoverflow.com/questions/2147303/…
stackoverflow.com/questions/41764815/…

标签： javascript angular

【解决方案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>

【讨论】：