小编Blu*_*Cat的帖子

我有一个自定义滚动条。自从我这样做以来，滚动条的箭头不再显示。

.scrollbar::-webkit-scrollbar-thumb {
    background-color: ##00a7e0;
  }

  .scrollbar::-webkit-scrollbar-track {
    background-color: #F5F5F5;
  }

  .scrollbar::-webkit-scrollbar-button {
    ????;
  }

我必须在.scrollbar ::-webkit-scrollbar-button中添加什么才能再次显示我的箭头？

我想遍历对象数组，这在我的json文件中。

杰森

[
  {
    "name": "Mike",
    "colors": [
      {"name": "blue"},
      {"name": "white"}
    ]
  },

  {
    "name": "Phoebe",
    "colors": [
      {"name": "red"},
      {"name": "yellow"}
    ]
  }
]

html

<div *ngFor="let person of persons">
   <p>{{person.name}}</p> <!-- this works fine-->
   <p *ngFor="let color of person.colors"> <!--I want to list the colors of the person here-->
     {{color.name}}
   </p>
</div>

我无法访问一个人的颜色数组。我该如何实现？

我已经看过这些帖子，但是它们的解决方案无法帮助我：

Angular2 ngFor通过JSON进行迭代

Angular2-* ngFor /通过数组循环遍历json对象

我在 Angular 4/5 中搜索了几个关于使用来自其他组件的函数/变量的示例。他们帮助我理解了一点，但我仍然无法找到解决问题的方法。

我想从另一个组件调用标准的 JavaScript警报。

我有一个组件，它有一个这样的变量：

中心.ts

export class CenterPage {
  public message = new alert("Warning");

中心.html

<products [message]="message"></products>

我正在使用 @Input 来获取products.ts 中的消息

export class ProductsComponent {
  @Input() message;

<button (click)="message"></button>