for循环angularjs对象

最新推荐文章于 2024-07-29 12:01:39 发布

rookieStruggling

最新推荐文章于 2024-07-29 12:01:39 发布

阅读量6.3k

点赞数

分类专栏： angularjs

本文链接：https://blog.csdn.net/luckyJieXu/article/details/54965548

版权

angularjs 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>

     <style>
        table, th, td{
            border: 1px solid grey;
            border-collapse: collapse;
            padding: 5px;
        }
    </style>
    <title>Title</title>
</head>
<body>
<div ng-app="myApp" ng-controller="customerCtrl">
      <table>
          <tr ng-repeat="x in obj">

              <td>{{ x.Names }}</td>
              <td>{{x.url}}</td>
          </tr>
      </table>
  </div>
<script>



    var app = angular.module('myApp',[]);
 app.controller('customerCtrl',function($scope){
     var Names;
     $scope.obj = [
       {Names:"菜鸟教程1", url:"www.runoob.com"},
       {Names:"菜鸟教程2", url:"www.baidu.com"},
       {"Names":"菜鸟教程3", "url":"www.runoob.com"}

    ]
 
 for (var i in $scope.obj) {     //对象循环用for/in
      console.log($scope.obj[i].Names + " " + $scope.obj[i].url);
    }






});
</script>
</body>
</html>