代码之家 › 专栏 › 技术社区 › FiringBlanks

你能调整一个角度组件每次使用时使用不同的值吗?

components angular

FiringBlanks · 技术社区 · 6 年前

<ice-cream-cone></ice-cream-cone>
<ice-cream-cone></ice-cream-cone>
<ice-cream-cone></ice-cream-cone>

问题是上面的组件调用将导致它们看起来完全相同。可以调整指令以触发组件中特定值的加载吗?我希望有这样的事情:

<ice-cream-cone flavor="vanilla"></ice-cream-cone>
<ice-cream-cone flavor="chocolate"></ice-cream-cone>
<ice-cream-cone flavor="rocky_road"></ice-cream-cone>

1 回复 | 直到 6 年前

abdullahkady 6 年前

当然可以,这可以使用Input binding属性来完成

@Component({
  selector: 'ice-cream-cone',
  template: `
    {{flavor}}
  `
})
class IceCreamComponent {
  @Input('flavor') flavor: string;
}

然后调用组件时,您将执行以下操作:

<ice-cream-cone flavor="vanilla"></ice-cream-cone>

看看这里: Docs

推荐文章

code4cash · 声明了“string”,但从未读取其值

2 年前

Srinath Macherla · 如何删除ant design甜甜圈图表中的图例

2 年前

Federico Gentile · 如何在数组中无限循环并以角度显示值?

2 年前

Ren Jitsm · React useeffect显示组件安装2次

2 年前

Aden Lee · 如何在React中使用filter()控制JSX组件?

2 年前

Maria · 如何将DatePicker(@mui)值提升到父组件?

2 年前

Audiosleef · 根据搜索结果显示列表

6 年前

SamohtVII · 使用组件区域显示各种内容

6 年前

yhc44 · Vue。js组件父事件

6 年前

Chris · 在Vue中动态添加不同组件

6 年前