IONIC / AngularJS：动态添加元素

Question

我有一个离子项目，我想在页面中添加动态数量的按钮。

在页面上只有一张图片。我需要在图像顶部注入这些按钮。

所以我从网上获取按钮所必需的数据。 （位置）

如何从控制器中注入HTML代码，如：

<button class="hotpoint" style="position: absolute; top: 10pt; left: 10pt"></button>

到页面。

我需要类似的东西：

for(var obj in objects)
{
   $scope.addHTML("<button style="top: obj.y; left: obj.x;">...</button>");
}

我怎样才能做到这一点？

由于

Answer 1

所以我自己解决了这个问题。

诀窍是＆＃34; ng-bind-html＆＃34;

在index.html中，我添加了一个div：

<div ng-bind-html="hotpoints"></div>

然后我可以在控制器中注入HTML代码，如下所示：

$scope.hotpoints = $sce.trustAsHtml('<a id="but" class="hotpoint animated infinite" style="top: 100pt; left: 100pt;"></a>');