angularJS(八)angularJsDemo之循环对象

约定不等于承诺〃 2022-02-23 01:14 180阅读 0赞

### 需求：angularJs之循环对象 ###

### ![20190405182700823.png][] ###

### 实现如下 ###

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L09ubHlvbmVGcmlzdA_size_16_color_FFFFFF_t_70][]

### 代码如下： ###

<html>
    <head>
    <title>anguarJs入门小demo 循环对象数组</title>
    <script src="angular.min.js"></script>	
    <script>
    //建立模块
    var app=angular.module("myApp",[]);
    //创建控制器   $scope控制层与视图层交换的桥梁
    app.controller("myController",function($scope){
    $scope.list=[
    {name:"站三",shuxue:100,yuwen:100},
    {name:"里斯",shuxue:70,yuwen:60}
    
    ];
    
    });
    </script>
    </head>
    <body ng-app="myApp" ng-controller="myController">
    <table>
    <tr >
    <td>姓名</td>
    <td>数学</td>
    <td>语文</td>
    </tr>
    <tr ng-repeat=" s in list ">
    <td>{
       {s.name}}</td>
    <td>{
       {s.shuxue}}</td>
    <td>{
       {s.yuwen}}</td>
    </tr>
    </table>
    </body>
    </html>

[20190405182700823.png]: /images/20220223/cfba37e103f6425a9ca15062137b6ede.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L09ubHlvbmVGcmlzdA_size_16_color_FFFFFF_t_70]: /images/20220223/cf53bbf1d2424aa8bd8a1a03d93d2abf.png

发表评论取消回复

表情：

评论列表（有 0 条评论，180人围观）

还没有评论，来说两句吧...

相关阅读

相关 angularjs学习之八（angularjs中isolate scope的使用）

angular js中指令directive有个特别有用的东西，那就是 isolate scope （被隔离的scope）关于具体他和全局的scope 有什么区别，可以参考

灰太狼/ 2022年08月02日 04:52/ 0 赞/ 161 阅读

相关 AngularJS系列(八)——事件

ng-click ：点击 ng-click 指令定义了 AngularJS 点击事件。 <div ng-app="myApp"ng-controller="my

柔光的暖阳◎/ 2022年06月08日 00:11/ 0 赞/ 175 阅读

相关 angularJS(二)angularJsDemo之表达式

第一步先引入js [angularJs下载地址][angularJs] <html> <head> <title>anguarJs入门小demo 表达

港控/mmm°/ 2022年02月25日 05:42/ 0 赞/ 172 阅读

相关 angularJS(九)angularJsDemo之内置服务$http

需求如下： ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV

ゝ一世哀愁。/ 2022年02月23日 01:40/ 0 赞/ 176 阅读

相关 angularJS(八)angularJsDemo之循环对象

需求：angularJs之循环对象 ![20190405182700823.png][] 实现如下 ![watermark_type_ZmFuZ3poZW5

约定不等于承诺〃/ 2022年02月23日 01:14/ 0 赞/ 181 阅读

相关 angularJS(七)angularJsDemo之循环数组

需求如下：用angularJs实现数组得循环 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly

ゝ一纸荒年。/ 2022年02月23日 01:12/ 0 赞/ 183 阅读

相关 angularJS(六)angularJsDemo之事件

需求：输入两个数通过点击事件来得出结果 ![20190405180719421.png][] ![20190405181019179.png][] 这里会用到cl

忘是亡心i/ 2022年02月23日 01:08/ 0 赞/ 205 阅读

相关 angularJS(五)angularJsDemo之控制器

需求：实现两个数相加 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG

我不是女神ヾ/ 2022年02月23日 00:56/ 0 赞/ 245 阅读

相关 angularJS(四)angularJsDemo之初始化

需求：在加载的时候进行初始化 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLm

分手后的思念是犯贱/ 2022年02月23日 00:38/ 0 赞/ 197 阅读

相关 angularJS(三)angularJsDemo之双向绑定

需求：文本框输入什么后面显示什么 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLm

红太狼/ 2022年02月23日 00:28/ 0 赞/ 218 阅读