如何获取 I18n 变量值我可以返回到我的 Angular 父组件？

Question

我是 Angular 的新手，我刚刚为我正在创建的网站安装了 i18n（2 种语言）系统。 一切正常，但为了在我的 header 中从一种语言切换到另一种语言，我觉得卡住了。

我按照 Angular 文档将我的变量从子组件传输到父组件，并以此结束：

<input type="text" id="item-input" #lang>
  <button type="button" (click)="changeChosenLang(lang.value)">
    {{ 'global.lang' | translate }}
  </button>

如您所见，我在输入表单中编写我的语言，然后通过按钮将其发送到适当的组件。 我想要的是单击我的“global.lang”文本并能够将其值发送到父组件，因为该值是实际未使用的语言。

我不知道如何将我的“global.lang”文本放入变量中，也不知道我可以使用什么样的应答器。 另外我不知道如何总结我的问题以在 StackOverflow 上搜索它，所以如果您知道类似的帖子，请不要犹豫发布链接。

感谢您的阅读！

Answer 1

我找到了一种不那么折磨人的方式（可怜的大脑）来获得我想要的结果：

<span (click)="changeChosenLang()">
    {{ 'global.lang' | translate }}
  </span>

首先，我临时将按钮更改为跨度应答器，并从 changeChosenLang() function 中删除了参数。 然后，我将一个变量“lang”从我的父组件转移到这个组件，其中包含在我的应用程序构造函数中选择的语言的值。 每次单击时，我都会在 changeChosenLang() function 中更改其值，一切正常！

我希望有一天它可以帮助某人。 这篇文章的寓意是：越简单越好。 祝你有美好的一天。