我目前正在开发angular2应用程序。我想知道如何将html属性添加到自定义组件。
例如,假设我有自定义下拉组件,并在许多地方的同一页面重新使用。如果我想开发一些下拉单作为多选,其中一些单选,你能告诉我如何做到这一点。如果我在组件模板上添加多个,它会显示所有下拉列表的多选。如果我单独添加每个组件使用的地方,则不理解“多个”属性。
答案 0 :(得分:3)
如果我想开发一些下拉菜单多选和一些 他们单挑,你能告诉我怎么做。
你应该使用自定义组件中定义的布尔@RequestMapping(value="/employee_edit", method=RequestMethod.GET)
public @ResponseBody Employee RegitrationEdit(@RequestParam("eid") long eid)
{
Employee employee=employeeService.getEmployee(eid);
return employee;
}
装饰器(问题似乎不清楚,我假设你没有要求多选和单选的实现逻辑)。下面给出了一个为自定义组件添加$.ajax({
type:"GET",
url:"employee_edit?eid="+eid,
success: function(data) {
//here data is the employee object
//process it here and redirect using window.location
}
});
检查的示例,以及父项在呈现自定义组件时如何将值绑定到该属性
在自定义component.ts类
中@Input
在自定义html类
中multiselect
在渲染自定义组件的父html中(假设选择器作为组件的名称)
@Input() multiple: boolean = false;
如果您努力制作支持单选和多选的通用组件,请检查此开源组件ng-select
如果您对angular2中的<div *ngIf="!multiple">
// render your single select html
</div>
<div *ngIf="multiple">
//render your multiple select html
</div>
和// for multi select
<selector [multiple]=true> </select>
// for single select
<selector [multipl]=false> </select>
装饰器一无所知,请检查此article