JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="app" ng-controller="cntl">
    <button ng-click="currentTpl='modal-2.html'">Show Modal</button>
    <div ng-include src="currentTpl"></div>
    <script id="modal-2.html" type="text/ng-template">
        <div class="modal transparent">
            <div class="card">
                <i class="icon ion-ios7-close close-modal" ng-click="closeModal(2)"></i>
            <div class="item item-divider">
                {{task.title}}
            </div>
            <div class="item item-text-wrap">Hello from Modal 2</div>
            </div> 
        </div>
    </script>
</div>

CSS

i.icon {
    display: inline-block;
    height: 5px;
    width: 5px;
    background: #f00;
}

JavaScript

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

app.controller('cntl', function ($scope) {
    $scope.task = {
        title: 'my title'
    };
    $scope.closeModal = function() {
        currentTpl = null;
    }
});