Javascript 如何使用angular.js在一个div中添加多个div

我是Anjulla.js的新手。我今天刚开始学习，希望大家能帮助我

我有如下html文件：

<div ng-conrtoller="add">
  <div >
    <div>{{ username }}</div>
  <div>
  <input type="text" ng-model="name">
  <button ng-click="addname">save</button>
</div>

当我在文本字段中输入文本后单击保存按钮时，输入的文本将显示在一个div内。如果我再次这样做，名称将被替换，但我希望显示以前输入的文本以及将来输入的任何文本

谢谢

i want to display previously entered text as well as in future enter text

您可以使用数组存储多个项，将项推送到数组并使用

HTML

当前仅使用唯一项进行测试

i want to display previously entered text as well as in future enter text

<div>
    <div ng-repeat="username in usernames">{{ username }}</div>
<div>
<input type="text" ng-model="name">
<button ng-click="addname()">save</button>

$scope.usernames = [] ;
$scope.addname=function()      {
    $scope.usernames.push($scope.name);
    $scope.name = "";
}