Steps to reproduce:
See e.g. this question.
It gave me the following answer:
There are a few ways to avoid typing (myPipe$ | async) twice in the same Angular template expression:
- Store the result of the async pipe in a local template variable:
{{data.property1}}
{{data.property2}}
- Use the ngIf structural directive to only render the template when the observable emits a value:
{{(myPipe$ | async).property1}}
{{(myPipe$ | async).property2}}
loading...
- Extract the async pipe logic to the component class:
data$ = this.myPipe$.pipe(
map(data => {
// return processed data
})
)
[1]
I hope these suggestions help avoid typing the async pipe multiple times! Let me know if you have any other questions.
- https://stackoverflow.com/questions/43325791/angular-using-async-pipe-on-observableobject-and-bind-it-to-local-variable-i
You can notice that the actual relevant parts about the necessary html markup are not included at all.
Expected behavior:
Html should not be stripped.
Debug info:
Firefox 117.0.1, Arch Linux, Region: Germany, Europe West 2
<Browser/OS/Active Kagi region setting/What Kagi server you connect to (found in control center, top right icon)>
