Easy way to pass async data as a function's input

Problem
Pass async data (like observable) as an input of a function.
Workaround
<input #id [value]='(data$ | async) | json' type="hidden" />
<ion-button click="doSomething(id.value)"> </ion-button>
Pass async data (like observable) as an input of a function.
<input #id [value]='(data$ | async) | json' type="hidden" />
<ion-button click="doSomething(id.value)"> </ion-button>