Question

我需要构建一个包含我在API上使用的数据的图表，首先我使用HTML构建并且确定它工作正常，当我尝试通过console.log显示API值时也工作得很好，但是当我把* ngFor放在我的HTML上时，输出就没什么了，控制台也没有错误。

看看我的代码：

＆＃13;

public method1(): void {
    this.FileService
      .getKnowledge(this.iditens)
      .subscribe(response => {
        this.itens = response;
      });
  }

＆＃13;

<div>
  <div *ngFor="let item of itens">
    <h6>{{heatmap.itens[0].file}}</h6>
    <div>
      <ul>
        <li><div>{{heatmap.itens[0].file}}</div><span>{{heatmap.itens[0].file}}</span></li>
      </ul>
      <span>{{heatmap.itens[0].file}</span>
    </div>
</div>

＆＃13;

Answer 1

你的＆＃34; peopleSkills＆＃34;是一个数组，所以你需要访问第一个元素才能进入＆＃34;技能＆＃34;。

试试这个：

{{groupSkill.person.peopleSkills[0].skill.knowledge.knowledgeName}}

Answer 2

peopleSkills不是类型的对象，你不能使用peopleSkills。任何财产你需要人民指数作为同一个人的技能[0]。你不能用来作为别人技能进行访问。

Answer 3

peopleSkills不是对象，它是一个数组。因此，使用数组索引访问peopleSkills。

{{groupSkill.person.peopleSkills[0].skill.knowledge.knowledgeName}}

或者你可以让你像这样api

{
   "squadPeople":[
      {
         "person":{
            "peopleName":"User Name",
            "peopleSkills":{
               {
                  "percentValue":"90",
                  "skill":{
                     "skillName":"MariaDB",
                     "knowledgeId":3,
                     "knowledge":{
                        "knowledgeName":"Banco de dados"
                     }
                  }
               }
            }
         }
      }
   ]
}

Angular 4 - ng在控制台中不起作用且没有错误

3 个答案: