如何创建和附加元素到文档正文？ （角）

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)