Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/362.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/29.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 有条件的角位移_Javascript_Angular - Fatal编程技术网

Javascript 有条件的角位移

Javascript 有条件的角位移,javascript,angular,Javascript,Angular,在我的angular 4应用程序中,我需要在小于条件的情况下使用ngFor。我的意思是,我不想显示sampleArray的所有项,而是只想显示前10项,就像在普通java脚本中,我们有I

在我的angular 4应用程序中,我需要在小于条件的情况下使用ngFor。我的意思是,我不想显示
sampleArray
的所有项,而是只想显示前10项,就像在普通java脚本中,我们有
I
I<10
等这些我想在ngFor中使用的条件,可能吗

<li *ngFor="let a of sampleArray">
    <p>{{a.firstname}}</p>
    <p>{{a.lastname}}</p>
  </li>

{{a.firstname}}

{{a.lastname}


{{a.firstname}}

{{a.lastname}

更新:

<ng-container *ngFor="let a of sampleArray;  let i=index">
  <li *ngIf="i<11">
    <p>{{a.firstname}}</p>
    <p>{{a.lastname}}</p>
  </li>
</ng-container>


{{a.firstname}}

{{a.lastname}


您只需使用slice

<li *ngFor="let a of sampleArray | slice:0:9">
  <p>{{a.firstname}}</p>
  <p>{{a.lastname}}</p>
</li>

{{a.firstname}}

{{a.lastname}


对于相同的检查,已经有了答案。此链接可能与最简单和最容易理解的链接重复。是否可以使用*ngIf=“i?”
<li *ngFor="let a of sampleArray | slice:0:9">
  <p>{{a.firstname}}</p>
  <p>{{a.lastname}}</p>
</li>