在我的 html 中调用 ngFor 中的方法（角度 6）

Question

我是 stackOverflow 的新手，找不到我的问题的答案。 我正在尝试在 ngFor 中使用 ngFor。 是否可以在 *ngFor 中调用方法： 像这样：

    <div *ngFor="let nbStar of myMethod(skill.level)">

myMethod 使用我的第一个 ngFor 中的数据作为参数来生成数字数组。

我的代码：

<div *ngFor="let skill of skills">
        <div class="picture">
            <img src="{{skill.skillPicture}}"/>
        </div>  
      <div class="title-skill">
        <h3>{{skill.skillName | uppercase}} </h3>
        Niveau: 
        <div *ngFor="let nbStar of generateStarsArray(skill.level)">
           <i class="fas fa-star"></i>
        </div>
  </div>
</div>

非常感谢任何线索。

Answer 1

是的，你可以使用它。但请确保您的方法始终返回一个数组。

对于以下模板

<div *ngFor="let skill of skills">
    <div class="picture">
        <img src="{{skill.skillPicture}}"/>
    </div>  
  <div class="title-skill">
    <h3>{{skill.skillName | uppercase}} </h3>
    Niveau: 
    <div *ngFor="let nbStar of generateStarsArray(skill.level)">
       <i class="fas fa-star"></i>
    </div>
  </div>
</div>

在 component.ts 方法中 generateStarsArray 应该如下所示

 public generateStarsArray(level): Array<any> {
     let stars = [];
     //---> some logic
     return stars;
 }