Question

当我在浏览器中运行以下内容时，我得到两个列表项，但这两个项中没有显示任何内容。所以循环本身有效，但我的列表中没有任何内容。

我重新提交了我的提交内容以准确显示我的问题

HTML

<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title></title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="stylesheet" href="css/bootstrap.min.css">
    <style>
        body {
            padding-top: 50px;
            padding-bottom: 20px;
        }
    </style>
    <link rel="stylesheet" href="css/bootstrap-theme.min.css">
    <link rel="stylesheet" href="css/main.css">
    <script src="js/angular.min.js"></script>
    <script src="js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script>
</head>


<!-- initial angular declaration -->
<body id="main" ng-app>


  <div ng-controller ="EductationCtrl">
    <ul class = "list-unstyled">
      <li ng-repeat = "school in schools">
            {{schools.name}}
       </li> 

    </ul>


  </div> 

  <script src="js/jquery.min.js"></script>
    <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.11.0.min.js"><\/script>')</script>

    <script src="js/vendor/bootstrap.min.js"></script>

    <script src="js/main.js"></script>


</body>

的Javascript

 function EductationCtrl($scope) {


    $scope.schools = [
    {name: 'university', major: 'Computer Science'},
    {name: 'College', major: 'Politcal Science and Finance'},

    ];

}

这是最终结果：

<li ng-repeat="school in schools" class="ng-scope ng-binding">

</li>

<li ng-repeat="school in schools" class="ng-scope ng-binding">

</li>

Answer 1

你有一个错字： ~~{{peole.name}}~~ 应该是{{people.name}}

Plunker Demo

Answer 2

这是一个错字：

 {{schools.name}}

到

{{school.name}}

Ng-Repeat列出重复但空的项目

2 个答案: