JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app='ngApp' ng-controller='ngCtrl'>
    <div ng-repeat='element in elements'>
        {{element.title}}
        <!-- is this possible? !-->
        <div ng-repeat="x in temp = angular.equals(temp, element.info.slice(1, -1).split(',')) ? temp : element.info.slice(1, -1).split(',')">
				  {{x.slice(x.indexOf(':')+2, -2)}}
			  </div>
        <!-- is this possible? !-->
    </div>
</div>

JavaScript

var ngApp = angular.module('ngApp',[]);
var ngCtrl = ngApp.controller('ngCtrl',['$scope', function($scope){

    $scope.elements = [];
    $scope.element = {};
    $scope.element.title = 'first element';
    //this comes from DB like this(as string)
    $scope.element.info = '[{"key":"value1"},{"key":"value2"}]';
    
    $scope.elements.push($scope.element);
}]);