在Angular中使用页面上组件的2个实例

，可以通过以下步骤实现：

1. 创建组件：首先，需要创建一个组件。可以使用Angular CLI的命令ng generate component component-name来生成一个新的组件。生成的组件包括一个HTML模板、CSS样式文件和一个TypeScript类文件。
2. 在页面中使用组件：在需要使用组件的页面中，可以通过在HTML模板中添加组件的选择器来引入组件。例如，如果组件的选择器是app-custom-component，可以在页面的HTML模板中添加<app-custom-component></app-custom-component>来使用组件。
3. 创建组件实例：在页面中使用组件时，可以通过在组件的父组件或者其他组件中创建组件的实例来使用。在父组件的TypeScript类文件中，可以通过创建一个类属性，并将其赋值为组件的实例来创建组件的实例。例如，可以在父组件的类文件中添加customComponentInstance: CustomComponent = new CustomComponent();来创建一个名为customComponentInstance的组件实例。
4. 通过属性绑定传递数据：在父组件中创建组件实例后，可以通过属性绑定的方式将数据传递给组件。在父组件的HTML模板中，可以使用方括号语法将父组件的属性绑定到子组件的输入属性上。例如，如果子组件有一个名为data的输入属性，可以在父组件的HTML模板中添加[data]="parentData"来将parentData属性的值传递给子组件。
5. 在组件中使用传递的数据：在子组件中，可以通过在类文件中定义一个输入属性，并使用@Input()装饰器来接收父组件传递的数据。在子组件的类文件中，可以使用ngOnInit()生命周期钩子函数来在组件初始化时获取传递的数据。例如，可以在子组件的类文件中添加以下代码来接收传递的数据：

@Input() data: any;

ngOnInit() {
  console.log(this.data);
}

通过以上步骤，可以在Angular中使用页面上组件的2个实例，并通过属性绑定的方式传递数据。这样可以实现在同一个页面上使用多个相同或不同的组件实例，并根据需要传递不同的数据。