如何在CSS中使用angular.injector添加HTML代码

Question

我尝试使用AngularJS附加HTML。但我想特别将其附加在div上，并希望将其应用于该范围，而不是整个document.body，如下面的代码所示。 该怎么做？

function addDiv() {
var $newDiv = $('<div ng-controller="TestCtrl">{{demo}}</div>');
$(document.body).append($newDiv);

angular.element(document).injector().invoke(function ($compile, $rootScope) 
{
$rootScope.$apply(function() {
  var scope = angular.element($newDiv).scope();
  $compile($newDiv)(scope);
});});}
angular.module('app', []).controller('TestCtrl', function($scope) {
$scope.demo = 'hello world';
});

我假设应将$(document.body).append($newDiv);替换为$("#divtoappend").append($newDiv);