bug: Ionic 8.6.0 and above issues with ion-label and ngx-translate

[sjdrew]

Prerequisites

• [x] I have read the Contributing Guidelines.
• [x] I agree to follow the Code of Conduct.
• [x] I have searched for existing issues that already report this problem, without success.

Ionic Framework Version

v8.x

Current Behavior

Using ngx-translate (any version) and the [translate] directiive only with ion-label causes the label to duplicate many times. Changing to any other tag such as ion-text works fine.

Something changed with ionic 8.6.0 as with 8.5.9 there is no issue.

Expected Behavior

Should show the label once.

Steps to Reproduce

1. use a blank ionic project (ng-modules)
2. add ngx-translate
3. add to app.module.ts TranslateModule.forRoot({ defaultLanguage: 'en' })],
4. add import of TranslateModule to home.module.ts
5. Add this line to home.page.html <ion-label [translate]="'all.title'"></ion-label>

This is result:

Code Reproduction URL

n/a only need the few lines of code mentioned above

Ionic Info

Ionic:

   Ionic CLI                     : 7.2.1 (/opt/homebrew/lib/node_modules/@ionic/cli)
   Ionic Framework               : @ionic/angular 8.6.1
   @angular-devkit/build-angular : 19.2.15
   @angular-devkit/schematics    : 19.2.15
   @angular/cli                  : 19.2.15
   @ionic/angular-toolkit        : 12.2.0

Capacitor:

   Capacitor CLI      : 7.3.0
   @capacitor/android : not installed
   @capacitor/core    : 7.3.0
   @capacitor/ios     : not installed

Utility:

   cordova-res : 0.15.4
   native-run  : 2.0.1

System:

   NodeJS : v24.2.0 (/opt/homebrew/Cellar/node/24.2.0/bin/node)
   npm    : 11.3.0
   OS     : macOS Unknown

Additional Information

No response