angularjs2中的自定义子组件

时间:2017-12-08 00:45:14

标签: angular2-template angular2-forms angular2-components

我目前正在开发angular2应用程序。我想知道如何将html属性添加到自定义组件。

例如,假设我有自定义下拉组件,并在许多地方的同一页面重新使用。如果我想开发一些下拉单作为多选,其中一些单选,你能告诉我如何做到这一点。如果我在组件模板上添加多个,它会显示所有下拉列表的多选。如果我单独添加每个组件使用的地方,则不理解“多个”属性。

1 个答案:

答案 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