如何使用JavaScript中的按钮单击将值传递给angular element web组件？

<button id="myButton">点击我</button>

const button = document.getElementById('myButton');
button.addEventListener('click', function() {
  const value = '要传递的值';
  const angularElement = document.querySelector('angular-element'); // 替换为你的Angular Element选择器
  angularElement.setAttribute('value', value);
});

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

@Component({
  selector: 'angular-element',
  template: `
    <div>{{ receivedValue }}</div>
  `
})
export class AngularElementComponent {
  @Input() receivedValue: string;
}

<angular-element [receivedValue]="valueFromButton"></angular-element>