Как создать и добавить элемент для документа? (angular)

В директиве я хочу создать 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 );

Ответы

Ответ 1

Ну, вам еще нужно добавить свой элемент на другой элемент. Попробуйте что-то вроде этого:

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

Ответ 2

Возможно, более легкий подход:

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

Ответ 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)