需要使用 Angular 2 中的表单组将数据传递给子组件吗？

Question

我正在尝试使用@Input 将数据从父组件传递到子组件，其中父组件和子组件都使用表单组，并且子组件通过@Input 访问控件，而如果我需要将一些数据传递给子组件使用 @input 装饰器的组件出现错误

父组件.html

 <rulebuilder [mydata]="ruledata" [generalrulegroup]="editRulesFrmGrp.controls.generalRule.controls[i]"></rulebuilder>

子组件.ts

 @Input('generalrulegroup')

@Input()mydata:any;

控制台错误

Error: Template parse errors:
Can't bind to 'generalrulegroup' since it isn't a known property of 'modifygeneralrulebuilder'. ("<modifygeneralrulebuilder [mydata]="modifyRuleJson" [ERROR ->][generalrulegroup]="editRulesFrmGrp.controls.generalRule.controls[i]"></modifygeneralrulebuilde"): RuleEditComponent@108:128
    at SyntaxError.BaseError [as constructor] (http://localhost:4200/main.bundle.js:103798:27)
    at new SyntaxError (http://localhost:4200/main.bundle.js:9270:16)
    at TemplateParser.parse (http://localhost:4200/main.bundle.js:27281:19)
    at JitCompiler._compileTemplate (http://localhost:4200/main.bundle.js:65409:68)
    at http://localhost:4200/main.bundle.js:65292:62
    at Set.forEach (native)
    at JitCompiler._compileComponents (http://localhost:4200/main.bundle.js:65292:19)
    at createResult (http://localhost:4200/main.bundle.js:65175:19)
    at ZoneDelegate.invoke (http://localhost:4200/main.bundle.js:164194:26)
    at Zone.run (http://localhost:4200/main.bundle.js:164076:43)

Answer 1

试试这个：

@Input('generalrulegroup') generalrulegroup: any;

你需要在当前组件中声明它。