如何獲取 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 中更改其值，一切正常！

我希望有一天它可以幫助某人。 這篇文章的寓意是：越簡單越好。 祝你有美好的一天。