如何在具有某个类的角度中动态创建div？

我想点击一个按钮创建一个div:

div应该是这样的:

我这样做:

$scope.showFloatingActioButtons = function() {
        var newEle = angular.element('
');
        $compile(newEle)($scope);
}

Josh.. 10

你几乎就在那里......你只需要将这个元素添加到DOM中.

angular.element('someselector-or-dom-element').append(newEle);

除非你对新元素有绑定或指令,否则没有理由编译它.

我添加了一个运行示例来帮助消除任何混淆.

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

function MyCtrl(){}
MyCtrl.prototype = {
  addElement:function(){
    var newEle = angular.element("
");
    var target = document.getElementById('target');
    angular.element(target).append(newEle);
  }
};

app.controller('myCtrl', MyCtrl);

.red{
  margin: 10px;
  height:20px;
  background-color:red;
}

  Add Element
  

angular.element('someselector-or-dom-element').append(newEle);

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

function MyCtrl(){}
MyCtrl.prototype = {
  addElement:function(){
    var newEle = angular.element("
");
    var target = document.getElementById('target');
    angular.element(target).append(newEle);
  }
};

app.controller('myCtrl', MyCtrl);

.red{
  margin: 10px;
  height:20px;
  background-color:red;
}

  Add Element