JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="myApp" ng-controller="MainController">
    <div ng-repeat="url in urls">
      <div ng-click="testAlert(url.domain)">
        <iframe ng-src="{{ url.domain }}" ></iframe>
        <div style="text-align: center">{{ url.domain }}</div>
      </div>
    </div>
</div>

JavaScript

angular.module("myApp", [])
.controller("MainController", function ($scope, $sce) {
    var urls = [];
    
    urls.push({domain: $sce.trustAsResourceUrl("http://angularjs.org")});

    urls.push({domain: $sce.trustAsResourceUrl("http://www.jquery.com")});
    
    $scope.urls = urls;
    
    $scope.testAlert = function (value) {
        alert(value);
    }
});