angular - 如何在我的自定义角度组件上设置属性
问题描述
我对 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>
在 app-buy-card 中定义 app-dropdown 组件时,我想在打开的 app-dropdown 标记中添加一个属性,指定默认情况下应选择哪些元素。我曾尝试使用绑定和双向绑定以及 ng-init 来实现这一点,但我无法让它工作。有任何想法吗?
解决方案
您正在寻找@Input。
@Input selectedValue: string;
ngOnInit() {
// here you can access the selectedValue input
}
然后在您要使用它的组件上:
<app-dropdown [selectedValue]="usd">
</app-dropdown>
推荐阅读
- bash - 如何将 iTunes 文件复制为原始 wav 文件
- c# - 我想在加载每个点时加载一个事件,但在页面出现之前调用该事件
- css - 双色JavaFX TableCell背景?
- bash - "${foo//@(...)/}" 仅在命令行中有效,在脚本中无效
- terraform - Terraform 资源分配
- javascript - 如何在适配框架上创建自定义组件/插件?
- python - 如何使用 pd.read_html 从数据框中删除列并将输出作为列表返回
- python - 根据时间拆分 .pcap 文件
- im4java - 当我使用 im4java 的 imagemagic montage 时,-tile row x clos 选项引发文件无法打开异常
- django - 静态文件集合 - 徽标导航栏不显示