离子项目中的 ng-repeat 不显示文本

Question

我正在尝试使用 ionic-item 构建一个 ng-repeat 列表。

我在网上搜索过，我正在尝试按照以下代码的方式进行操作，但在离子项目中。（致谢作者：Prashobh PS）

我的结果是，列表中显示的离子项目和分页也有效。项目的数量可以随着我在数据列表中的条目数而改变。似乎他们都在工作。但问题是文本没有显示在项目中。仅创建空白项。

请问有没有人帮忙指点一下。非常感谢！

<div ng-app="sampleapp">

<ul>
  <li class="paginationclass" style="font-weight:bold;"><span>Name</span><span>Age</span><span>Designation</span></li>
  <li class="paginationclass" ng-repeat="datalist in datalists | pagination: curPage * pageSize | limitTo: pageSize">
    <div><span>{{ datalist.name }} </span><span>{{ datalist.age }}</span><span>{{ datalist.designation }}</span></div>
  </li>
</ul>

<div class="pagination pagination-centered" ng-show="datalists.length">
  <ul class="pagination-controle pagination">
    <li>
      <button type="button" class="btn btn-primary" ng-disabled="curPage == 0" ng-click="curPage=curPage-1"> &lt; PREV</button>
    </li>
    <li>
      <span>Page {{curPage + 1}} of {{ numberOfPages() }}</span>
    </li>
    <li>
      <button type="button" class="btn btn-primary" ng-disabled="curPage >= datalists.length/pageSize - 1" ng-click="curPage = curPage+1">NEXT &gt;</button>
    </li>
  </ul>
</div>

编辑：我的代码是这样的：

http://codepen.io/anon/pen/ENOwvM

Answer 1

您的示例代码与您的 Codepen 不同。假设 Codepen 是最新版本，请参阅此 JSFiddle 以及您的代码的工作版本： http://jsfiddle.net/go9etbnv/1/

看看这些行：

 <b>{{contact.customerName}}</b><hr>
 {{contact.orderNumber}}

这部分：

<div class="pagination pagination-centered" ng-show="datalists.contacts.length">

离子项目中的 ng-repeat 不显示文本

texts not displaying with ng-repeat in ion-item

angularjs

ionic-framework

ng-repeat