Angular 動態生成html中 ng-click無效

bodyApp.controller('customersCtrl', function ($scope, $http, cfpLoadingBar,$compile) {
$scope.test = function(){
    alert('test');
}

// TODO 動態生成html中 ng-click無效 解決方法 $compile 是傳進來的
var html = '<a href="javascript:void(0);" ng-click="$scope.test();"></a>'
$("body").append($compile(html)($scope));
});