如何将ngModel传递给自定义组件?

时间:2018-09-28 15:24:04

标签: javascript html angular typescript

我以这种方式在Angular 6中使用模板驱动的表单:

<form #formname="ngForm">

<input type="text" name="MyName2" ngModel>
<input type="text" name="MyName3" ngModel>

</form>

在这种情况下,由于指令ngModel,传递JSON对象非常容易。 但是,如果我创建一个简单,愚蠢的组件(名称为 InputTextComponent ), 在模板中声明一个简单元素,例如:

<input type="text" [(ngModel)] = "value">

如果我尝试以这种方式连接此新组件,则:

<form #formname="ngForm">
<input-text-component name="MyName1" ngModel></input-text-component>
<input type="text" name="MyName2" ngModel>
<input type="text" name="MyName3" ngModel>

</form>

它返回错误,因为我无法在组件处传递ngModule。 我该如何解决问题,甚至使用自定义组件而不是HTML基本元素,也可以将ngModel移至上以获得效果? 谢谢!

0 个答案:

没有答案