角度 ng 重复不渲染 <li>

angular ng-repeat not rendering <li>

本文关键字：li ng 角度      更新时间：2023-09-26
出于

某种原因，下面的代码没有呈现我的选项卡数组中的项目。我知道这是角度 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>

试试这个。

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

相关文章：