如何创建和附加元素到文档正文？(角)

Question

在一个指令中,我想创建一个div并将其附加到文档中.我究竟做错了什么？

var mover = angular.element('<div></div>');

    mover.css({
      position: 'absolute',
      top: '0px',
      bottom: '0px',
      left: '33px',
      width: '50px',
      background: 'blue',
      zIndex: '2'
    });

    $document.append( mover );

Answer 1

也许更轻量级的方法是:

angular.element(document.body).append(myElement);

Answer 2

好吧,你仍然需要将你的元素附加到另一个元素上.尝试这样的事情:

var body = $document.find('body').eq(0);
body.append(mover)

Answer 3

我认为这是将元素追加到正文中的更好方法

var mover = angular.element('<div></div>');

mover.css({
  position: 'absolute',
  top: '0px',
  bottom: '0px',
  left: '33px',
  width: '50px',
  background: 'blue',
  zIndex: '2'
});

var body = angular.element(document).find('body').eq(0);

body.append(mover)