AngularJS ng重复显示1个数据


AngularJS ng-repeat show 1 data

是否可以使用ng重复并只显示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>

您可以使用limitTo来限制ng重复的数据。

试试这个

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

哦,你可以使用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>
<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>