AngularJS ng-repeat 显示 1 个数据答案

【问题标题】：AngularJS ng-repeat show 1 dataAngularJS ng-repeat 显示 1 个数据
【发布时间】：2016-09-06 17:18:56
【问题描述】：

是否可以使用 ng-repeat 并仅显示 1 个数据。

这是我的代码：

<div class="modal-body" ng-repeat="a in list_data">
    <h2>Nama: {{a.nama}} </h2>
    <p>Alamat: {{a.alamat}}</p>
    <p>E-mail: {{a.email}}</p>
    <p>telp: {{a.telp}}</p>
</div>

【问题讨论】：

标签： php html angularjs

【解决方案1】：

你可以使用limitTo来限制ng repeat的数据。

试试这个

<div class="modal-body" ng-repeat="a in list_data | limitTo : 1">
            <h2>Nama: {{a.nama}} </h2>
            <p>Alamat: {{a.alamat}}</p>
            <p>E-mail: {{a.email}}</p>
            <p>telp: {{a.telp}}</p>
</div>

【讨论】：

您可以使用 ng-if 条件过滤循环中的确切数据：-
您的消息
跨度>

【解决方案2】：

是的，您可以在 ng-repeat 中使用 limitTo 限制数据。

<div class="modal-body" ng-repeat="a in list_data | limitTo: No of data you want to limit">
  <h2>Nama: {{a.nama}} </h2>
  <p>Alamat: {{a.alamat}}</p>
  <p>E-mail: {{a.email}}</p>
  <p>telp: {{a.telp}}</p>
</div>

【讨论】：

【解决方案3】：

哦，你可以使用limitTo

<div class="modal-body" ng-repeat="a in list_data | limitTo: 1">
  <h2>Nama: {{a.nama}} </h2>
  <p>Alamat: {{a.alamat}}</p>
  <p>E-mail: {{a.email}}</p>
  <p>telp: {{a.telp}}</p>
</div>

【讨论】：

【解决方案4】：

<div class="modal-body" ng-repeat="a in list_data | limitTo: 1">
  <h2>Nama: {{a.nama}} </h2>
  <p>Alamat: {{a.alamat}}</p>
  <p>E-mail: {{a.email}}</p>
  <p>telp: {{a.telp}}</p>
</div>

【讨论】：

点评来源：您好，请不要只回答源代码。尝试对您的解决方案如何工作提供一个很好的描述。请参阅：How do I write a good answer?。谢谢