未捕获的 TypeError：$ 不是函数 - AngularJs

问：

我正在尝试通过我的 chrome 控制台执行一些有角度的 JS。（我正在将一个新控制器添加到我的 DOM 中）。

但是，我返回以下错误：Uncaught TypeError: $ is not a function

我看到了很多问题，关于如何在我的控制台中运行 $、运行 angular 方法或访问范围。但我似乎无法让 $ 工作。

使用 angular 时，我需要做什么才能在控制台中访问 $？

这是我正在运行的代码：

angular.module("app",[])
.controller('cart', function ($scope, $http) {
    $scope.content = {
        label: "hello, world!",
    };
});

setTimeout(() => {
  
var $html = '<div ng-controller="cart">{{content.label}}</div>';
var $root = $('[ng-app]');
console.log($root);

var inj = angular.element($root).injector();
console.log(inj);


angular.element($root).injector().invoke(function ($compile) {
    var $scope = angular.element($root).scope();
    $root.append($compile($html)($scope));
    // Finally, refresh the watch expressions in the new element
    $scope.$apply();
});


},500);