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 JSON.parse(element.info)'>
            {{x.key}}
        </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);
}]);