我想就此问题寻求帮助。我正在研究角度2和离子的动态组件:请检查下面的场景。
我有组件名称按钮组件:
<button-component [label]="I'm a button" **small**></button-component>
小 - 必须在按钮元素中动态输入 大, 的大
在按钮组件视图文件中,我有:
<button "the single attribute must appear here like small">{{label}}</button>
输出为<button small>I'm a button</button>
我尝试了角度2中的所有属性绑定,但这是离子属性。
如何使用离子2和角度2进行此操作。动态使用单个属性属性。
提前致谢。
答案 0 :(得分:2)
与Angular 2相同,只需发送size
属性并将其设置为small
<button-component label="'I'm a button'" size="'small'"></button-component>
然后在你的按钮组件中:
@Input() size;
并在您的模板中:
<button [class]="size">{{label}}</button>
并在CSS中声明所需的样式,例如:
.small {
...
}
.big {
..
}