将两个元素链接在一起，这样更改其中一个元素的内容会自动更改另一个Javascript/元素的内容

是否可以使用jquery或angular将两个元素链接在一起，从而更改其中一个元素的内容会自动更改另一个元素的内容

我有一个应用程序，我希望一个元素的标题（在整个应用程序中出现了几次）是相同的。例如，当我点击一个名为“打开窗口1”的按钮时，它会打开窗口1，当我点击另一个名为“打开窗口1”的按钮时，它也会打开窗口1。 我试图实现的是，如果我改变了一个按钮的标题，试图让它实时改变另一个按钮的标题。记住，我在应用程序上有大约20个不同的按钮，每个按钮都有一个应该链接在一起的孪生按钮

---

基本上，我只想把这两个按钮链接在一起，这样它们就像是彼此的镜像。这是JS的一些特性/功能吗

我上一次使用Angular是在很久以前，它主要是使用Angularjs，而不是Angularjs，所以这只是一个简单的要点，让您了解我的意思，您必须根据自己的需要进行定制

您可以在某处创建全局模块，例如：

按钮.按钮：

然后，您可以将其导入到您的按钮对所在的位置：

按钮1.component.ts：

button1.component.html：

---

不确定是否链接它们本身，但您可以创建一些全局模块，每个对从中提取标题和onClick函数，并对该模块进行任何更新您所指的全局模块示例是什么？我发布了一个简要的回答，概述了您可以做些什么。免责声明我已经很久没有使用Angular了，所以可能需要对其进行编辑才能更好地工作

interface ButtonInfo {
    title: string,
    onClick: Function
}

const button1: ButtonInfo = {
    title: 'Open Window 1',
    onClick: openWindow1()
};
const updateButton1 = update => {
    if (update.title) button1.title = update.title;
    if (update.onClick) button1.onClick = update.onClick;
};

const button2: ButtonInfo = {
    title: 'Open Window 2',
    onClick: openWindow2()
};
const updateButton2 = update => {
    if (update.title) button2.title = update.title;
    if (update.onClick) button2.onClick = update.onClick;
};

export {
    button1,
    updateButton1,
    button2,
    updateButton2,
    ButtonInfo
};

import { button1, updateButton1 } from './buttons';
import type { ButtonInfo } from './buttons';

export class Button1Component {
   button1: ButtonInfo = button1;

   ...

   updateButton(update) {
       updateButton1(update);
   }
}

<div>
    ...
    <button (click)="button1.onClick()">
        {{button1.title}}
    </button>
</div>