使用Angular使div元素的动态列表可点击

Question

我正在JS中动态创建一个div列表，我希望每个元素都可以通过使用angular进行单击。 该列表看起来像一个表。 这就是一个列表元素的样子。

var AlarmBtnTemp =
"<div ng-click='showAlarm()' >"+
    "<div>"+GetDateStringFromDateObject(alarmJson[i]["time"])+"</div>"+
    "<div>"+alarmJson[i]["name"]+"</div>"+
"</div>";
document.getElementById("AlarmBoxList").innerHTML += AlarmBtnTemp;

但我知道我需要以某种方式进行编译，因为ng-click否则无法正常工作。 我的控制器看起来像这样

.controller("AppCtrl", function($scope) {
    $scope.showAlarm = function() {
        console.log("OK");
        alert("OK");
    };
});

这在带有控制器“ AppCtrl”的div中。 所以我的问题是，我该如何动态填充可通过使用angular单击的div元素列表？