我目前正在开发 angular2 应用程序。我想知道如何向自定义组件添加 html 属性。
例如,让我们假设我有自定义下拉组件,并且在许多地方的同一页面中重复使用。如果我想开发一些下拉菜单作为多选,其中一些是单选,请告诉我如何做。如果我在组件模板上添加多个,它会为所有下拉列表显示多选。如果我单独添加到正在使用的每个组件中,则无法理解“多个”属性。
如果我想开发一些下拉菜单作为多选,其中一些是单选,请告诉我如何做。
您应该使用@Input
自定义组件中定义的布尔装饰器(问题似乎不清楚,我假设您没有要求多选和单选的实现逻辑)。下面给出了multiselect
为自定义组件添加检查以及在呈现自定义组件时父级应如何将值绑定到该属性的示例
在您的自定义 component.ts 类中
@Input() multiple: boolean = false;
在您的自定义 html 类中
<div *ngIf="!multiple">
// render your single select html
</div>
<div *ngIf="multiple">
//render your multiple select html
</div>
在渲染自定义组件时在父 html 中(假设选择器作为组件的名称)
// for multi select
<selector [multiple]=true> </select>
// for single select
<selector [multipl]=false> </select>
如果您正在努力制作支持单选和多选的通用组件,请检查这个开源组件ng-select
如果你不知道的@Input
和@Output
在angular2装饰检查此文章
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句