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

基本上我从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;
    });

$http.get（'/api/get_form_fields.php？id='+$rootScope.user.id）
.then（功能（数据）{
if（data.data！=null）{
$.each（数据、数据、函数（i、v）{
如果（v.required==“Yes”&&v.type==“Upload”）{
var text=”“+v.caption++”；
text=$sce.trustAsHtml（text）；
$scope.htmlstring+=文本；
}
})
}否则{
//没有时间
}
})
.catch（函数（错误）{
$scope.divisions=错误；
});

但是如果我去掉此行

$scope.htmlstring+=text中的“+”按钮显示，但只有循环中的最后一个元素被添加到页面中

高级版谢谢：）
更好的方法是使用h4和按钮设置一个ngRepeat，并将其绑定到一个数组，然后在循环中将每个数据项附加到数组中。好的，谢谢，我将对此进行测试