在点击功能中检索和显示数组值

Question

• 我正在尝试通过点击功能使用angular5显示不同数组的值
• 在ngFor条件下写入时显示数组的元素
• 数组值显示在控制台中的单击功能下，但不希望在浏览器中显示值
• 我已附上该问题的相关文件，并就此提供您的建议
• 该组件和html文件的完整代码可在gist中找到，其链接如下所示：
• pro.component.ts： https://gist.github.com/aarivalagan/d44b6f256f35bf71a8d477dad025977f pro.component.html：https://gist.github.com/aarivalagan/bedab707fb5c1491df415d84b7bba8e2

pro.component.ts

this.vList.forEach((v: any) => {
            v.Completed ? this.trainCom++ : this.trainpen++;
            v.isQCompleted ? this.qCount++ : this.qPen++;
          });
        });
        this.vList.forEach((v: any) => {
          if(!v.Completed) {
            this.pen_cour.push(v.name);
          } else {
            this.com_cour.push(v.name);
          }
          if(!v.isQCompleted) {
            this.pen_cour_q.push(v.name);
          } else {
            this.com_cour_q.push(v.name);
          }
        });
      });
cour_Com(){
    this.com_cour.forEach(element => {
      this.cour1 =this.com_cour;
      console.log("hello");
      console.log(this.cour1);
    });
  }

pro.component.html

<button type="button" class="btn btn-primary" (click)="cour_Comp()" >View</button>
  <div id="demo" *ngFor='let cour of this.com_cour'>
    <span *ngIf="this.com_cour != NULL"><button type="button" class="btn btn-primary" ng-show="this.com_cour != NULL">{{course}}</button></span>
  </div>