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:‘[email protected]‘
            },
            {
                name:‘李四‘,
                email:‘[email protected]‘
            },
            {
                name:‘王五‘,
                email:‘[email protected]‘
            }
        ];

}]);

运行结果:

时间: 2024-10-27 05:54:46

ng-repeat-start ng-repeat-end 的使用的相关文章

Repeat a string repeat a string

重复一个指定的字符串 num次,如果num是一个负数则返回一个空字符串. function repeat(str, num) { // repeat after me var result=""; while(num>0){ result+=str; num--; } return result; } repeat("abc", 3);

FreeCodecamp:Repeat a string repeat a string

要求: 重要的事情说3遍! 重复一个指定的字符串 num次,如果num是一个负数则返回一个空字符串. 结果: repeat("*", 3) 应该返回"***". repeat("abc", 3) 应该返回"abcabcabc". repeat("abc", 4) 应该返回"abcabcabcabc". repeat("abc", 1) 应该返回"abc&qu

NG调试及NG的模块化

Chrome插件:angularjs batarang插件,在使用它时Ctrl+Shift+I打开控制台,看到多一个angularjs,打开它,勾上Enable的勾勾,这里注意一定要用的时http协议,这样调试就简单多了. angular .module("MainModule",[])     这是定义一个模块 .controller("SigninController",function($scope){} .controller("SignupCon

freeCodeCamp:Repeat a string repeat a string

重复一个指定的字符串 num次,如果num是一个负数则返回一个空字符串. 1 /*思路 2 fo循环将字符串重复num次并组成数组 3 将数组组成新的字符串并返回 4 */ 5 6 function repeat(str, num) { 7 var myarr=[]; 8 for(var i=0;i<num;i++){ 9 myarr[i]=str; 10 } 11 return myarr.join(""); 12 } 13 14 repeat("abc",

输入一个正整数repeat,做repeat次下列运算:读入1个正整数n(n&lt;=100),计算并输出1+1/2+1/3+.....+1/n。

代码: 1 import java.util.*; 2 public class Main { 3 public static void main (String [] args) { 4 int repeat,n; 5 Scanner s=new Scanner(System.in); 6 repeat=s.nextInt(); 7 for(int i=1;i<=repeat;i++) { 8 n=s.nextInt(); 9 double sum=0; 10 for(int j=1;j<=

mysql 存储过程 REPEAT ... UNTIL ... END REPEAT

begin   declare  b int;   declare  use_no    varchar(10);   declare  use_name  varchar(400);   declare  card_id   varchar(400);   declare  count     int;   declare  cur_1  cursor for                                                     select s2.membe

Part 14 ng hide and ng show in AngularJS

ng-hide and ng-show directives are used to control the visibility of the HTML elements. Let us understand this with an example When Hide Salary checkbox is checked, the Salary column should be hidden. When it is unchecked the Salary column should be

angular学习(三):ng渲染案例用法总结

前两篇把基本的架子都搭好了,在单独的Controller中处理独立的业务,这时候渲染相应的页面就要用到ng提供的相应组件和事件,下面我采用一一列举的方式,将这些知识都总结于此: ng-click: 案例 <button type="button"class="btn btn-primary" ng-click="showUploadView()">点击上传</button> 说明 声明了一个btn的click事件,对应的c

mysql流控制语句(LOOP, REPEAT, WHILE)

1.loop语法: [begin_label:] LOOP statement_list END LOOP [end_label] 例子:CREATE PROCEDURE doiterate(p1 INT) BEGIN label1: LOOP SET p1 = p1 + 1; IF p1 < 10 THEN ITERATE label1;// ITERATE can appear only within LOOP, REPEAT, and WHILE statements. ITERATE m

从js的repeat方法谈js字符串与数组的扩展方法

js将字符串重复N次的repeat方法的8个版本 /* *@desc: 将一个字符串重复自身N次 */ //版本1:利用空数组的join方法 function repeat(target, n) { return (new Array(n + 1)).join(target); } //版本2:之所以要创建一个带length属性的对象 是因为要调用数据的原型方法,需要指定call的第一个参数为类数组对象 //类数组对象的必要条件是其length属性的值为非负数 function repeat(t