JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.3/angular.min.js"></script>
<div ng-app="app">
    <div ng-controller="TestCtrl">
        <div ng-repeat="list in lists">
            <p ng-repeat-start="element in list" ng-if="element.el == 'p'">{{ element.text }}</p>
            <a href='{{ element.href }}' ng-if="element.el == 'a'" ng-repeat-end>{{ element.text }}</a>
        </div>
    </div>
</div>

JavaScript

var app = angular.module('app', []);

app.controller('TestCtrl', function ($scope) {
    $scope.lists = [
        [
            {
                'el': 'p',
                'text': "Test"
            },
            {
                'el': 'a',
                'text': "Test2"               
            }
        ],
        [{}, {}]
    ];
});