如何使用angular.js在一個div內添加多個div

Question

我是Anjular.js的新手。我今天才開始學習，所以我希望你能幫助我。

我的html文件是這樣的：

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

在controller.js文件：

app.controller("add",function($scope) 
{ 
    $scope.addname=function() 
    { 
     $scope.username=$scope.name; 
    } 
}); 

當我點擊保存按鈕我輸入文本提交文本後，輸入的文字會顯示在一個div內。如果我再次這樣做，名稱將被替換，但我想顯示以前輸入的文本以及將來輸入的任何文本。

謝謝。

Answer 1

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

您可以使用數組來存儲多個項目，推動項目數組，並使用ngRepeat

HTML

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

JS

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

Working Demo

目前只使用獨特的項目測試