Custom close button in Ionic popup
<p>I create a custom ionic popup for photo upload. My problem that I am not able to close that popup by using a corner close button. 
Please help me.</p>

<hr>

<p>Which look like </p>

<h2><a href="https://i.stack.imgur.com/OdOOF.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/OdOOF.png" alt="enter image description here"></a></h2>

<p>Here my code</p>

<pre><code>    $scope.uploadPhoto = function () {
    var confirmPopup = $ionicPopup.show({

        title: 'Upload Photo' + '&lt;i class="ion-ios-close-outline popuoclose " ng-click="closePopup()"&gt;&lt;/i&gt;',

        scope: $scope,
        buttons: [
            {
                text: '&lt;i class="ion-ios-camera-outline thirty-text" &gt;&lt;/i&gt;',
                type: 'button-positive',
                onTap: function () {
                    $scope.takePicture();
                }
   },
            {
                text: 'Gallery',
                type: 'button-positive',
                onTap: function () {
                    $scope.galleryPicture();
                }
   },
 ]
});
  $scope.closePopup = function () {
      confirmPopup.close();
  };
};
</code></pre>