JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.1/angular-sanitize.js"></script>
<div ng-app="myApp" ng-controller="dummy">
    <button ng-click="changeIt()">Change it</button>
    <iframe ng-src="{{url}}" width="300" height="600"></iframe>
</div>

JavaScript

angular.module('myApp', [])
    .controller('dummy', ['$scope', '$sce', function ($scope, $sce) {

    $scope.url = $sce.trustAsResourceUrl('https://image1-dev.aws.apiture.com:53443/FXIRS/images/37ea177d8d52d5572aca830c2067aa200fe8fdb0F.pdf');
        
    $scope.changeIt = function () {
        $scope.url = $sce.trustAsResourceUrl('https://image1-dev.aws.apiture.com:53443/FXIRS/images/37ea177d8d52d5572aca830c2067aa200fe8fdb0F.pdf');
    }
}]);