每次单击按钮时添加新按钮，并在angular 6中使用新颜色添加按钮

我试图创建一个页面，用户可以创建新的按钮，每次点击事件。我想要一个新的按钮，每当点击事件火时，它都会有新的颜色。

---

请帮助完成6°

< P>这项任务。我创建了一个StkBLITIZ，告诉你如何解决这个问题，我认为这是最好的练习。< / P>

---

保留一个数组，用于跟踪您拥有的按钮。最初，它只有一个条目，通过数组的迭代显示。单击按钮后，将新元素添加到数组中，该数组将动态生成一个新按钮

应用程序组件.ts：

// Array of buttons
buttons : {
    id    : number,
    color : string
}[] = [{ id : 0, color : 'grey' }];

// Function to add new button
addButton(){
    this.buttons.push({
        id    : this.buttons.length,
        color : '#'+(Math.random()*0xFFFFFF<<0).toString(16)
    })
}

//按钮数组
按钮：{
身份证号码：，
颜色：字符串
}[]=[{id:0，颜色：'grey'}]；
//添加新按钮的函数
addButton（）{
这个按钮({
id:this.buttons.length，
颜色：“#”+（Math.random（）*0xFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF？
<div *ngFor="let button of buttons">
  <button [ngStyle]="{'background-color': button.color}" (click)="addButton()">Add New</button>
</div>