title: How to pass a value to bootstrap modal in angular 2
body: <p>I want to pass one value to my bootstrap modal. In angular2 app. How can I achieve this?. This is my code </p>
  
  <pre><code>&lt;button href="" class="ui red button" 
          [attr.data-index]="i"  
          data-toggle="modal" 
          data-target="#deleteVersion" 
          data-backdrop="static"&gt;Delete&lt;/button&gt;
  
  &lt;confirm-dialog [id]="'deleteVersion'" [title]="'Delete Version'" [content]="'Do you want to delete this version ?'" [positiveCall]="deleteVersion.bind(this)"&gt;&lt;/confirm-dialog&gt;
  
  @Component({
    selector: 'confirm-dialog',
    templateUrl: './confirm-dialog.component.html',
    styleUrls: ['./confirm-dialog.component.css']
  })
  export class ConfirmDialogComponent implements OnInit {
  
    @Input()
    id: String;
    @Input()
    title: String;
    @Input()
    content: String;
    @Input()
    positiveCall: Function;
  
    constructor() { }
  
    ngOnInit() {
    }
  
    yes() {
      this.positiveCall = this.positiveCall || function () { };
      this.positiveCall();
    }
  
  }
  </code></pre>
  
  <p>I want to pass index in <code>ngFor</code>, Thanks in advance</p>