Question

我想在div的动态下部添加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>

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

1 个答案: