AngularJS ng-repeat显示1个数据

Question

是否可以使用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>

Answer 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>

Answer 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>

Answer 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>

Answer 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>