Question

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

我在网上搜索过，我试图按照以下代码的方式进行搜索，但是在一个离子项目中。（作者：Prashobh PS）

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

有人请帮忙并给我一些指示。非常感谢你！

<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的文本

1 个答案: