Javascript 在AngularJS中显示多个注释

使用AngularJS并尝试一个接一个地发布多条评论。我可以发布一条评论，但当再次尝试时，它将替换为现有评论并发布新评论

附加的片段，以及我尝试的内容

我想要如下：

1st comment submit : Hello !
2nd comment submit : Hi !

结果应该是：

Hello !
Hi !

这是我的密码

var myApp=angular.module（'ui.bootstrap.demo'，['ui.bootstrap']）；
函数myCtrl（$scope）{
$scope.MakeVisible=！$scope.MakeVisible；
$scope.showAddNoteBtn=true；
$scope.userText=''；
$scope.Test=''；
$scope.MakeVisible=false；
$scope.addnotebtcled=function（）{
$scope.Test=''；
$scope.MakeVisible=true；
$scope.showAddNoteBtn=false；
}
$scope.cancel=函数（）{
$scope.MakeVisible=false；
$scope.showAddNoteBtn=true；
}
$scope.Submit=function（）{
$scope.userText=$scope.Test；
$scope.MakeVisible=false；
$scope.showAddNoteBtn=true；
}
}

{{userText}}

您需要将注释添加到数组中并在数组中迭代

var myApp=angular.module（'ui.bootstrap.demo'，['ui.bootstrap']）；
函数myCtrl（$scope）{
$scope.MakeVisible=！$scope.MakeVisible；
$scope.showAddNoteBtn=true；
$scope.userText=''；
$scope.Test=''；
$scope.MakeVisible=false；
$scope.addnotebtcled=function（）{
$scope.Test=''；
$scope.MakeVisible=true；
$scope.showAddNoteBtn=false；
}
$scope.cancel=函数（）{
$scope.MakeVisible=false；
$scope.showAddNoteBtn=true；
}
$scope.commentArray=[]；//用于存储注释的数组
$scope.Submit=function（）{
$scope.commentArray.push（$scope.Test）；//在用户提交注释后向数组添加注释
$scope.MakeVisible=false；
$scope.showAddNoteBtn=true；
}
}

{{comment}}

您可以使用and指令来实现它，如下面的代码片段所示：

var myApp=angular.module（'ui.bootstrap.demo'，['ui.bootstrap']）；
函数myCtrl（$scope）{
$scope.MakeVisible=！$scope.MakeVisible；
$scope.showAddNoteBtn=true；
$scope.userText=[]；
$scope.Test=''；
$scope.MakeVisible=false；
$scope.addnotebtcled=function（）{
$scope.Test=''；
$scope.MakeVisible=true；
$scope.showAddNoteBtn=false；
}
$scope.cancel=函数（）{
$scope.MakeVisible=false；
$scope.showAddNoteBtn=true；
}
$scope.Submit=function（）{
$scope.userText.push（$scope.Test）；
$scope.MakeVisible=false；
$scope.showAddNoteBtn=true；
}
}

{{t}

谢谢。！！很好！