zoukankan      html  css  js  c++  java
  • angular-repeat

    ng-repeat="name in 变量名字 track by $index" 一个数组的时候
    ng-repeat="name in 变量名字"
    {{x.name}} -- {x['age']}} 两种输出方法
    <!DOCTYPE html>
    <html ng-app="app">
    <head>
    <meta charset="utf-8">
    <title></title>
    <script src="../bower_components/angular/angular.min.js"></script>
    </head>
    <body ng-controller="ctrl">

    <h1 ng-bind="arr">
    {{arr}}
    </h1>

    <ol>
    <li ng-repeat="x in arr track by $index"> 循坏一个数组用这个
    {{x}}
    </li>
    </ol>

    <ul>
    <li ng-repeat="x in peoples"> 循坏对象里面的数组用这个
    {{x.name}} -- {{x.age}}
    <li>
    </ul>

    <script>

    var app = angular.module('app',[]);

    app.controller('ctrl',function($scope){

    $scope.arr = [1,3,5,7,3,7,3,7,"hello",true];
    // console.log($scope.arr[8]);
    $scope.peoples 2018/03/07 14:01 = [
    {name:'aa1',age:18},
    {name:'aa2',age:19},
    {name:'aa3',age:11},
    {name:'aa4',age:12},
    {name:'aa5',age:14},
    {name:'aa6',age:15},
    {name:'aa7',age:16},
    {name:'aa8',age:18},
    {name:'aa9',age:18},
    {name:'aa11',age:12},
    {name:'aa12',age:14},
    {name:'aa13',age:48}
    ]
    })

    </script>
    </body>
    </html>

  • 相关阅读:
    等待通知--wait notify
    表单重复提交与解决
    Cookie Session 与Token
    springMVC实现登陆
    第11章 AOF持久化
    第10章 RDB持久化
    MyBatis动态SQL
    第4章 网络层
    第9章 数据库
    代理设计模式
  • 原文地址:https://www.cnblogs.com/liujinhua/p/8525068.html
Copyright © 2011-2022 走看看