AngularJSで$scope.$apply()を実行してもスコープが更新されない

Question

[使用モジュール]
Angular.js 1.5.8

お世話になっております。
下記のソースを書きました。
実行後に<img>の部分をクリックするとfunc1()が実行されてほしいのですが、
func1()は実行されません(ディベロッパーツールで確認済み)

書き方に誤りがあるのでしょうか？
おわかりになる方いらっしゃいましたらよろしくお願いします

$scope.buttonOn = function (id) {
  dataList.forEach(function(element){
    $('div.' + element).append('<img ng-click="func1(' + element + ')" src="ooo">');
  }
  if($scope.$root.$$phase != '$apply' && $scope.$root.$$phase != '$digest'){
    $scope.$apply();
  }
}

Answer 1

$('div.' + element).append('<img ng-click="func1(' + element + ')" src="ooo">');

https://code.angularjs.org/1.5.11/docs/api/ng/service/$compile
$compileでコンパイルする必要があります。

$('div.' + element).append($compile('<img ng-click="func1(' + element + ')" src="ooo">')($scope));