如何解决我怎么知道我的组件绑定到的属性名称?
我有一个组件(displayEditor),其模板是特定类型的输入字段和一段文本。这个想法是,当isEdit在组件中为true时,它将显示输入字段,而在false时,它将显示文本范围。
我想遵循正确的组件体系结构约定,该约定规定我不应该更新父项上的值。遵循有关angular的其他建议,我的父母包含一个this.data.Model对象,并且我的html模板为该对象上的每个字段创建子组件。因此,我可以将子组件传递给父组件可以运行的功能,但是我可以看到为子组件提供父模型的属性名称和值的唯一方法是显式地将两者都添加为绑定。
很显然,我至少需要传入该值,以便可以填充输入和跨度字段,还必须提供要更新回的属性名称似乎很可笑,因为现在,无论何时我更改属性名称我不仅需要更新值绑定,还需要更新字段绑定。此外,由于父模型本身是数组的属性,因此似乎执行任何类型的
是否有人对实现我的displayEditor组件的更好方法有任何建议,以便遵循组件体系结构规则,但又不强迫使用更多方法?
解决方案:您真的只需要咬一下子弹,就可以以某种方式为组件提供属性名称。通过传入的函数调用或绑定或类似的方法。这个想法是,子组件不应该更新父项。因此,您需要传入属性名称,以便可以在parents回调函数中引用正确的属性,在此处可以对其进行编辑。或者,您可以从您的父级传入特定于该字段的函数。然后,您无需将值作为绑定传递。因此,以回调函数的形式引用该属性可能最有意义,因为它允许子组件具有更多的通用性。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。