Javascript 如何在angular.js中单击按钮时动态添加行？_Javascript_Jquery_Angularjs

Javascript 如何在angular.js中单击按钮时动态添加行？

javascript jquery angularjs

Javascript 如何在angular.js中单击按钮时动态添加行？,javascript,jquery,angularjs,Javascript,Jquery,Angularjs,我在angular.js中创建一个列表视图，当我获取静态数据时，我可以创建列表。就像给定的fiddle一样。我需要动态生成行，换句话说，当用户单击按钮时，我需要创建行。我需要创建具有相同文本示例（“列表”）但不同ID的列表，如（“0”、“1”、“2”…等）。是否可以生成列表？我正在尝试这样做 <!DOCTYPE html> <html ng-app="myApp"> <head> <script src="//ajax.googleapis.com/aj

我在angular.js中创建一个列表视图，当我获取静态数据时，我可以创建列表。就像给定的fiddle一样。我需要动态生成行，换句话说，当用户单击按钮时，我需要创建行。我需要创建具有相同文本示例（“列表”）但不同ID的列表，如（“0”、“1”、“2”…等）。是否可以生成列表？我正在尝试这样做

<!DOCTYPE html>
<html ng-app="myApp">
<head>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular.min.js"></script>
<script src="//code.jquery.com/jquery.min.js"></script>
<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet" type="text/css" />
<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>

  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
<body>
<button type="button" class="btn btn-primary">Primary</button>
<ul ng-controller="ListController">
    <li>
        <a ng-click=></a>
    </li>
</ul>



</body>

</html>

您可以通过将新对象推送到数据数组来添加到数据模型中：

$scope.items = [
    {name: 'item1', content: 'content1'},
    {name: 'item2', content: 'content2'},
    {name: 'item3', content: 'content3'}
];
/* bind this to `ng-model` of 2 inputs in html*/
$scope.activeItem={ name: '', content:''}

$scope.addItem=function(){
   $scope.items.push( $scope.activeItem);
   $scope.activeItem={} /* reset active item*/

}

在html中使用

<button ng-click="addItem()">Add</button>

添加

答案很好，我们可以为每一行指定Id吗..这样我就可以得到click event row..意思是我需要在单击到row时显示I Id警报..当然，对象可以有您想要的任何属性。浏览angular documentation网站上的教程。我们将在那里学到很多基础知识。这很值得花时间spent@charlietfi你能换个提琴吗..我正在学习文档非常感谢..为什么你没有把id作为参数$scope.activeItem={name:''，content:'}我在

addItem

中添加了它…创建一个，然后点击它。将有点类似于向服务器发出请求，然后添加它

<button ng-click="addItem()">Add</button>