angularJS(七)angularJsDemo之循环数组

ゝ一纸荒年。 2022-02-23 01:12 185阅读 0赞

### 需求如下：用angularJs实现数组得循环 ###

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L09ubHlvbmVGcmlzdA_size_16_color_FFFFFF_t_70][]

### 这里用到得指令repeat指令 ###

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L09ubHlvbmVGcmlzdA_size_16_color_FFFFFF_t_70 1][]

### 代码如下： ###

<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=[1,2,3,4,5,6];
    
    
    }
    );
    
    </script>
    </head>
    <body ng-app="myApp" ng-controller="myController">
    <table>
    <tr ng-repeat="x in list">
    <td>{
       {x}}</td>
    </tr>
    </table>
    </body>
    </html>

## ##

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L09ubHlvbmVGcmlzdA_size_16_color_FFFFFF_t_70]: /images/20220223/2f071b24b83c43fc948f0d7c3a445b4b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L09ubHlvbmVGcmlzdA_size_16_color_FFFFFF_t_70 1]: /images/20220223/447d60ddc0884d9fb58e282bc66d8b0f.png

发表评论取消回复

表情：

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

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

相关阅读

相关 angularjs学习之七（angularjs中指令的四种基本形式）

指令的四种基本形式中，注意注释型指令 M 的使用方法是  注意左右俩测必须有空格才会正常识别所有指令是可以相互组合的

迈不过友情╰/ 2022年08月02日 04:41/ 0 赞/ 133 阅读

相关 angularJS(二)angularJsDemo之表达式

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

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

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

需求如下： ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV

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

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

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

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

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

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

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

相关 angularJS(六)angularJsDemo之事件

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

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

相关 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 赞/ 201 阅读

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

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

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

相关 AngularJS 4(七)【路由】

路由通过 URL 映射到对应的功能实现，也就是不同的 URL 会渲染对应的组件。URL 的切换实际就是组件之间的切换。简单的路由入门宿主页面 – `inde

蔚落/ 2021年06月26日 16:06/ 0 赞/ 385 阅读