要从另一个组件访问元素，可以使用ViewChild装饰器和ElementRef。

首先，在要访问元素的组件中，使用ViewChild装饰器来引用元素。例如，假设要访问一个具有“myElement”标识的元素：

import { Component, ElementRef, ViewChild } from '@angular/core';

@Component({
  selector: 'app-component1',
  template: `
    
要访问的元素
  `,
})
export class Component1 {
  @ViewChild('myElement', {static: true})
  private myElementRef: ElementRef;

  // 在这个组件中可以使用this.myElementRef访问元素
}

然后，在另一个组件中，可以通过在构造函数中注入Component1，并使用Component1的myElementRef来访问元素。例如：

import { Component, OnInit } from '@angular/core';
import { Component1 } from './component1.component';

@Component({
  selector: 'app-component2',
  template: `
    访问元素
  `,
})
export class Component2 implements OnInit {
  constructor(private component1: Component1) {}

  ngOnInit() {}

  accessElement() {
    // 通过Component1的myElementRef来访问元素
    console.log(this.component1.myElementRef.nativeElement);
  }
}

在这个例子中，Component1的myElementRef属性是通过ViewChild装饰器引用的元素，然后在Component2中通过注入Component1来访问该属性，并使用nativeElement来获取DOM元素的引用。

请注意，要访问元素，Component1必须在Component2之前加载，否则Component1的myElementRef将为空。为了确保Component1正确加载，请确保在Component2中使用Component1之前，先在NgModule中将Component1声明为提供商。