AngularJs使用ng-repeat实现数据循环展示的效果

最新推荐文章于 2024-11-27 03:10:07 发布

K'illCode

最新推荐文章于 2024-11-27 03:10:07 发布

阅读量3.1k

点赞数

分类专栏： angularJS 文章标签： angularJS

本文链接：https://blog.csdn.net/Dome_/article/details/79277222

版权

本文介绍如何在AngularJS中利用ng-repeat指令进行数据循环展示，以替代传统的foreach方法，实现前端数据的动态渲染。

摘要由CSDN通过智能技术生成

一般情况下，后端给前端传输数据，前端都是用foreach来循环输出，现在使用AngularJs也能实现类似的功能，方法如下：

 
          01
          <!doctype html>
         
          02
          <html lang="en">
         
          03
              <head>
         
          04
                  <meta charset="UTF-8">
         
          05
                  <title>Document</title>
         
          06
                  <meta name="Keywords" content="">
         
          07
                  <meta name="Description" content="">
         
          08
                  <style type="text/css">
         
          09
                      .ng-cloak{display:none;}
         
          10
                      td{height:30px;line-height:30px;padding:0px 10px;}