Angularjs中ng-repeat-start与ng-repeat-end的用法实例介绍
ng-repeat-start与ng-repeat-end时AngularJS（1.2.x）扩展的，使用这两个指令可以灵活控制遍历形式。
例如：
index.html
<div class="uk-panel" ng-controller="UserCtrl">
<ul class="uk-list uk-list-striped">
<li ng-repeat-start="user in users">
{{user.name}}
</li>
<li ng-repeat-end>
{{user.email}}
</li>
</ul>
</div>
index.js
var myApp = angular.module('myApp', []);
myApp.controller('UserCtrl', ['$scope', function($scope){
$scope.users = [
{
name:'张三',
email:'zhangsan@gmail.com'
},
{
name:'李四',
email:'lisi@123.com'
},
{
name:'王五',
email:'wangwu@qq.com'
}
];
}]);
运行结果：
完整的实例代码
<!DOCTYPE html>
<html lang="zh-CN" ng-app="app">
<head>
<meta charset="utf-8">
<title>ng-repeat-start 与 ng-repeat-end的用法</title>
<link rel="stylesheet" href="../bootstrap.min.css">
</head>
<body>
<h4>多行遍历的实现方式</h4>
<ul ng-controller="PeopleController">
<li ng-repeat-start="person in people">
{{ person.name }}
</li>
<li>住在</li>
<li>
{{ person.city }}
</li>
<br ng-repeat-end>
</ul>
<script src="../angular.min.js"></script>
<script>
angular.module('app', [])
.controller('PeopleController', ['$scope', function($scope) {
$scope.people = [
{name: '张三', city: '广东'},
{name: '李四', city: '江西'},
{name: '王五', city: '东北'}
]
}])
</script>
</body>
</html>
总结
以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流。
-
问题内容： 嗨，我有一个简单的ng-repeat-start和end用例，并且工作正常，当我想添加一个内部ng-repeat时出现了问题。这是我的代码 内部ng-repeat到td元素中不起作用，在检查html源代码时看到ngRepeat注释，但未创建td元素。 我的丑陋的解决方法（假设我知道该向量的大小）是： 问题答案： 从那时起，我不确定是否使用角度1.1.6，并且在1.1.5或1.0.7
-
问题内容： 我试图了解over 的意义。角度文档提供了以下示例 但是，使用， 有人可以解释。的意义吗？谢谢。 问题答案： 这两个指令的含义相似：它们重复HTML标记。所不同的只是，在您的帮助下，您可以重复几个标签，从标签开始于，再到完成于。 例如，您有下一个代码： 因此，现在我们可以为这些代码添加2个指令。 与： 与和： 因此，现在您可以看到，在第一种情况下，仅使用指令重复，但是在第二种情况下，您
-
本文向大家介绍Angularjs中ng-repeat的简单实例，包括了Angularjs中ng-repeat的简单实例的使用技巧和注意事项，需要的朋友参考一下 Angularjs中ng-repeat的简单实例 第一个例子：使用ng-repeat最简单的例子 第二个例子：添加过滤条件 以上就是AngularJs 中ng-repent的使用实例，如有疑问请留言或者到本站社区交流讨论，感谢阅读，希望能帮
-
问题内容： 我有一个HTML表格，想通过单击表格标题（在ctrl中）对记录（在ctrl中）进行排序， 任何人都可以解释为什么这样做有效： 那不是： 这是记录的代码： 我的表格中有58列，因此遍历表格标题会更好。 问题答案： 正如David所建议的，这可能与范围有关。由于ngRepeat创建了一个新的作用域，因此您需要为每个列标题设置和。 确保您在同一范围内修改值的一种方法是在该范围内创建一个函数，
-
问题内容： 我正在开发一个页面，我需要在其中显示一些框（使用），其中包含频道信息以及显示位置（城市）。 我面临的问题是当我重复第二遍时： 这应该获得第一个ng-repeat的$ index值，并使用显示频道的位置创建一个新数组。它确实做到了。但是，当我使用此数组应用第二个ng- repeat时，它无法正常工作。 说我的html看起来像这样（PS：我需要使用索引值而不是因为我将这些框放到列中） JS
-
问题内容： 我正在尝试将$ sce.trustAsHtml（）与ng- repeat中的对象属性一起使用。结果是HTML完全空白。不过，使用ngSanitize可以正确输出HTML。 顺便说一下，我正在使用AngularJS v1.3.0-beta.3。不知道是否有错误或我做错了什么。 问题答案： 您不能在表达式中使用（除非是的属性），因为表达式是在的上下文中求值的。 最干净的方法是使用。 第二种