Javascript AngularJS:ng使用“后单击仍不工作”$编译（html）（$scope）"；

我想这样做：
（1） 单击“创建”以调用函数“createGroupForm”，然后一些html将前置到“#用户组列表”
（2） 然后我键入组名并单击“确定”按钮，控制台将打印我之前键入的组名

现在我已经完成了步骤1，但在步骤2中无法调用函数“createGroup”。那么我如何解决这个问题呢

html:

创造

js:

angular.module（'myApp'）.controller（“authorityController”、[“$compile”、“$scope”、“$http”、“$log”、“$cookies”、函数（$compile、$scope、$http、$log、$cookies）{
$scope.groupName=“”；
$scope.createGroupForm=函数（$event）{
var html=''+
'' +
'' +
'' +
“好的”+
'' +
'' +
'';
var$html=$compile（html）（$scope）；
$（“#用户组列表”）.prepend（html）；
};
$scope.createGroup=函数（）{
$log.log（$scope.groupName）；
};
}]);

您传递了错误的引用，而不是

$html

您传递了

html

到

prepend

var $html = $compile(html)($scope);
$("#user-group-list").prepend(html);

应该是

var $html = $compile(html)($scope);
$("#user-group-list").prepend($html);

---

我建议在代码编辑器中设置

eslint

集成，以立即显示未使用的变量。这将大大有助于避免此类错误。除此之外，没有人是安全的，我们都是人

var $html = $compile(html)($scope);
$("#user-group-list").prepend(html);

var $html = $compile(html)($scope);
$("#user-group-list").prepend($html);