如何重用angular 4组件

如何重用angular 4组件,angular,components,primeng,code-reuse,Angular,Components,Primeng,Code Reuse,我在我的项目中使用了Priming()中的一些组件。这些组件有自己的属性和事件 我可能会在某个时候自定义这些组件,因此我正在创建自己的组件导入这些组件,但在访问我的组件时,我无法使用启动组件的属性和事件 我是否正确地重用组件?如何在Angular 4项目中使用可重用组件 为了更好地理解: 我有一个名为checkbox的组件 .HTML .TS 从'@angular/core'导入{Component,Input,Output,EventEmitter,OnInit}; @组成部分({ 选择

我在我的项目中使用了Priming()中的一些组件。这些组件有自己的属性和事件

我可能会在某个时候自定义这些组件,因此我正在创建自己的组件导入这些组件,但在访问我的组件时,我无法使用启动组件的属性和事件

我是否正确地重用组件?如何在Angular 4项目中使用可重用组件

为了更好地理解:

我有一个名为checkbox的组件

.HTML


.TS

从'@angular/core'导入{Component,Input,Output,EventEmitter,OnInit};
@组成部分({
选择器:“应用程序输入复选框”,
templateUrl:'./checkbox.component.html',
})
导出类CheckBoxComponent实现OnInit{
@输入()检查:布尔;
@Output()checkChange:EventEmitter=neweventemitter();
onChange($事件){
this.check=$event;
this.checkChange.emit($event);
}
恩戈尼尼特(){
}
}
我可以这样重复使用:


但是我不能用这种方式使用像disabled这样的priming属性


如何正确使用Priming的所有属性

应用程序模块:

从'./app.routing.module'导入{AppRoutingModule};
从“@angular/platform browser”导入{BrowserModule};
从“@angular/core”导入{NgModule};
从'@angular/http'导入{HttpModule};
从'@angular/router'导入{RouterModule};
从“@angular/forms”导入{FormsModule};// 改变这个

 <app-input-checkbox [(check)]="input.read" [disabled]="true">  </app-input-checkbox>
并将属性禁用添加到复选框Priming组件中

@Input() disabled;
<p-checkbox [(ngModel)]="value" binary="true" [disabled]="disabled"> </p-checkbox>
进口方面

imports: [..., CheckboxModule] 

检查你的标签。仔细阅读他们的所有描述你可以输入示例代码吗?@alehn96这是你可以输入app.module的代码?谢谢你的帮助,我认为这样做绑定是双向的。但问题是关于残疾人的财产。[disabled]=true仍不起作用。因此,我必须为我要在预处理组件中使用的每个属性创建属性吗?如果您要自定义复选框组件是,但通常可以直接使用预处理组件,而不是包装组件,请直接使用p-checkbox
<p-checkbox [(ngModel)]="value" binary="true" [disabled]="disabled"> </p-checkbox>
import {CheckboxModule} from 'primeng/primeng';
imports: [..., CheckboxModule]