Question

我对Angular非常陌生，正在尝试创建我的第一个UI。

我创建了一个自定义组件app-dropdown，它基本上是Material选择元素。（货币数组位于组件的.ts文件中）

<mat-form-field>
  <mat-select placeholder="Currency" >
    <mat-option *ngFor="let currency of currencies" [value]="currency">
      {{currency}}
    </mat-option>
  </mat-select>
</mat-form-field>

然后我将该组件放置在另一个自定义组件app-buy-card中。

<mat-card>
  <p>I have</p><app-dropdown></app-dropdown><br>
  <p>I want</p><app-dropdown></app-dropdown><br>
  <p>I live in</p><app-dropdown></app-dropdown><br>
</mat-card>

当在应用购买卡中定义应用下拉组件时，我想向开始的应用下拉标签添加属性，以指定默认情况下应选择哪些元素。我已经尝试使用绑定和双向绑定以及ng-init来实现这一点，但是我无法使其正常工作。有什么想法吗？

Answer 1

您正在寻找@Input。

@Input selectedValue: string;

ngOnInit() {
    // here you can access the selectedValue input
}

然后要在组件上使用它：

<app-dropdown [selectedValue]="usd">
</app-dropdown>

如何在我的自定义角度组件上设置属性

1 个答案: