Angular's template string interpolation {{ this_syntax }} does not work as expected

[0x80085]

Prerequisites

Please answer the following questions before submitting an issue.

• [x] I am running the latest version of Node and the tools
• [x] I checked the documentation and found no answer
• [x] I checked to make sure that this issue has not already been filed

Expected behavior

Angular's template string interpolation {{ this_syntax }} in the task pane html template works and shows the text specified - "Welcome" (from the property welcomeMessage = "Welcome";) - in app.component.ts

Current behavior

Angular's template string interpolation in the task pane does not display the text and does not replace the {{ string }} syntax

[innerText] oddly works tho.

Also tried other angular syntax like *ngIf="false" and that works

Some issue mentioned setting minify to false for webpack's HtmlCopyPlugin for taskâne.html and/or app.compoent.html but that had no effect.

Steps to Reproduce

Please provide detailed steps for reproducing the issue.

1. generate Taskpane with Angular + TypeScript project using yo office
2. run the generated project
3. Open taskpane
4. See the text is not swapped out, {{ welcomeMessage }} is there (wrong)

Context

Please provide any relevant information about your setup. This is important in case the issue is not reproducible except for under certain conditions.

• Operating System: win11
• Node version: latest lts
• Office version: latest
• Tool version: latest

Failure Logs

[Bregi]

I'm having the same issue

[dm-shlandii]

Have the same issue with Outlook webaddin which was working ok some time ago (was built ~end of 2021 ). (With some minify: false flags as @0x80085 mentioned)

Tried to make separate angular app and make it to work with Officejs inside of outlook - interpolation worked. So my assumption that its something with custom webpack build flow and/or packages versions. But latest ng tool does not have ng-eject anymore so make it harder to compare.

[jerome-albessard]

same issue