JSFiddle - React, Tailwind, and code Playground
HTML
<div ng-app="myApp">
{{(data | tryme)['foo']}}
{{(data | tryme).foo}} also works
<div *ngFor="let data of dataList">
<span>{{data}}</span>
</div>
</div>
JavaScript
var app = angular.module("myApp", []).filter('tryme', function () {
return function (input) {
return {foo:'bar'};
};
});
bar=[b1,b2,b3];
dataList = [];
dataList.push('{{'bar+'}}'');