title: How to not dismiss the alert box when clicking outside of it on Ionic
body: <p>I am building a ionic 2 app and I am using the following component </p>
  
  <p><a href="http://ionicframework.com/docs/components/#alert" rel="noreferrer">http://ionicframework.com/docs/components/#alert</a></p>
  
  <pre><code>  import { AlertController } from 'ionic-angular';
  
  export class MyPage {
    constructor(public alertCtrl: AlertController) {
    }
  
    showAlert() {
      let alert = this.alertCtrl.create({
        title: 'New Friend!',
        subTitle: 'Your friend, Obi wan Kenobi, just accepted your friend request!',
        buttons: ['OK']
      });
      alert.present();
    }
  }
  </code></pre>
  
  <p>How can I make sure that when I click outside the box the alert is not dismissed?</p>