Javascript 角度,遍历DOM上已创建的组件

Javascript 角度,遍历DOM上已创建的组件,javascript,angular,Javascript,Angular,我对angular很陌生,但我已经把大部分概念都记下来了。然而,我似乎不知道该如何着手解决我的问题 我有一个组件,它有其他组件作为它的子组件。我希望能够循环遍历子组件,并在渲染之前或渲染之后分别向它们添加数据 主组件是一个政府表单的HTML版本,我在其中分散了一个简单的组件,用于显示数据库中与其所在字段相关的文本 如果我使用类似jQuery的东西,我只需给每个组件附加一个id,并循环遍历它们,如果组件id与JSON对象的键匹配,则添加数据 对于angular,有没有标准的方法可以做到这一点?您最

我对angular很陌生,但我已经把大部分概念都记下来了。然而,我似乎不知道该如何着手解决我的问题

我有一个组件,它有其他组件作为它的子组件。我希望能够循环遍历子组件,并在渲染之前或渲染之后分别向它们添加数据

主组件是一个政府表单的HTML版本,我在其中分散了一个简单的组件,用于显示数据库中与其所在字段相关的文本

如果我使用类似jQuery的东西,我只需给每个组件附加一个id,并循环遍历它们,如果组件id与JSON对象的键匹配,则添加数据

对于angular,有没有标准的方法可以做到这一点?

您最好“绑定”希望提供给子组件的任何信息,而不是实现一个普通的/jQuery解决方案,该解决方案涉及查询DOM,然后手动操作DOM

看一看,然后

下面是一个简单的例子:


您可能应该重新思考您尝试的方式,当您开始使用Angular时,您需要留下许多您在jQuery中学到的概念

我们不直接以角度操作DOM,我们操作绑定到模板的数据,而该绑定是更新DOM的内容


Tom在我打字时添加了一个答案,他说的是我要说的。

实现您想要的目标的方法是使用单向数据绑定。查看中的示例

在本例中,他们在应用程序的html模板中有一个子组件

<bank-account bankName="RBC" account-id="4747"></bank-account>

通过引用父对象上的公共属性并使用方括号语法指示单向绑定,可以单向绑定数据,如下所示:

<bank-account [bankName]="somePropertyOnTheParent" [account-id]="someOtherPropertyOnTheParent"></bank-account>


请参阅并感谢您的回复!这真的很有帮助!谢谢,这很有帮助!