Suppose I have a array of object like this below.

ObjLevel: Array(4)
0: {permissionLevelOnUserId: 'e9ab78a5-09ed-4051-a380-1dbc65feb04a', isChecked: true, mode: 'R'}
1: {permissionLevelOnUserId: '0b34dfe7-859d-48f4-bcd6-30c2f92e61da', isChecked: true, mode: 'RWD'}
2: {permissionLevelOnUserId: '912b29a7-081c-4400-bddd-70a7d60000a2', isChecked: true, mode: 'RW'}
3: {permissionLevelOnUserId: 'b7cf6cf7-7ae1-447a-acce-70f31f02921c', isChecked: true, mode: 'NA'}

Now what I want to achieve is that get any object property value using find or filter in the angular expression {{}} Now the thing is I can use *ngFor which is already running before this array object another array of object holds the above object which I don't want to use *ngFor the process i want to extract value from property is like this.

{{ ObjLevel?.find(i => i.mode === 'R').permissionLevelUserId }}

which gives me an error of course like this

Parser Error: Bindings cannot contain assignments at column 30 in [ {{section?.ObjLevel?.find(i => i.mode === 'R').permissionLevelUserId}} ]

How can i achieve this without getting into typescript page and only operating in the HTML page itself.