for循环angularjs对象

来源:互联网 发布:莫文蔚周星驰知乎 编辑:程序博客网 时间:2024/06/05 18:14
<!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>
0 0
原创粉丝点击