Angularjs 为动态添加的每个元素更改不同类型的属性

如何更改每个添加的动态按钮的（类型）属性？在下面的代码中，标签名称发生了完美的更改，但当我尝试更改按钮类型时，它将应用于所有添加的动态按钮， 我的要求是必须用不同的类型更改每个按钮类型（意味着：第一个添加按钮类型以提交，第二个添加按钮类型以重置，第三个添加按钮以取消）。但在我的代码中，如果我同时将第二个按钮类型更改为“重置”，第一个按钮类型也将更改为重置类型。。。你能告诉我如何为每个添加的元素更改按钮类型

更新：

var-app=angular.module（'myapp'，['ngSanitize']）；
app.controller（'MainCtrl'，函数（$scope，$compile）{
var计数器=0；
$scope.buttonFields=[]；
$scope.add_按钮=函数（索引）{
$scope.buttonFields[计数器]={按钮：“提交”}；
var buttonhtml='{{buttonFields['+counter+'].button}}//单击/'；
var按钮=$compile（buttonhtml）（$scope）；
元素（document.getElementById（'add'））.append（按钮）；
$scope.changeTosubmit=函数（val）{
$scope.buttonField=val；
var els=document.body.querySelectorAll（“#按钮类型”）；
对于（变量i=0，ils=els.length；i

添加按钮

按钮名称（？）

更改按钮类型（？）

提交
重置
取消