使用AngularJS动态添加不同的HTML标记到页面

Question

基本上我从API获取一些信息并且循环将运行，并且在该循环中我需要添加h4标签和按钮标签。

但是当我运行循环时，会添加h4标签，但不会添加按钮。

这是我的代码：

$http.get('/api/get_form_fields.php?id=' + $rootScope.user.id)
    .then(function(data) {
        if (data.data != null) {
            $.each(data.data, function(i, v) {
                if (v.required == "Yes" && v.type == "Upload") {
                    var text = "<h4>" + v.caption + "</h4>" + "<input type='file' value='test'>";
                    text = $sce.trustAsHtml(text);
                    $scope.htmlstring += text;
                }
            })
        } else {
            //no times available
        }

    })
    .catch(function(error) {
        $scope.divisions = error;
    });

但是如果我在这一行$scope.htmlstring += text;中取出'+'按钮显示，但只有循环中的最后一个元素被添加到页面中。

先谢谢你了:)）