我是 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 内。如果我再次执行相同的操作,名称将被替换,但我想显示以前输入的文本以及将来输入的任何文本。
谢谢。
最佳答案
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 = "";
}
目前仅使用独特的项目进行测试
关于javascript - 如何使用 angular.js 在一个 div 中添加多个 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19590218/