角度ng-repeat不渲染<li> </li>

时间:2014-12-03 02:26:13

标签: javascript angularjs

由于某种原因,下面的代码不会渲染我的tabs数组中的项目。这是角度101,我知道,但对于我的生活,只显示五个“next:”值,但不显示{{item}}。任何想法为什么?谢谢!

<!DOCTYPE html>
<html ng-app>
  <head>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>
  <script>

  function navCtrl($scope) {
    $scope.tabs = ['DASH', 'TRACK', 'MAP', 'TRENDS', 'ADMIN']
  }

  </script>
  </head>

  <body>
 <div ng-controller='navCtrl'>
  <ul>
    <li ng-repeat="item in tabs">next: {{ item }}</li>
  </ul>
</div>

  </body>
</html>

1 个答案:

答案 0 :(得分:0)

试试这个..

<li ng-repeat="item in tabs">next: <span ng-bind="item"> </span></li>