如何在角度2中传递值到自举模态

Question

我想将一个值传递到自举模态。在angular2应用程序。我怎样才能做到这一点？这是我的代码

<button href="" class="ui red button" 
     [attr.data-index]="i" 
     data-toggle="modal" 
     data-target="#deleteVersion" 
     data-backdrop="static">Delete</button> 

<confirm-dialog [id]="'deleteVersion'" [title]="'Delete Version'" [content]="'Do you want to delete this version ?'" [positiveCall]="deleteVersion.bind(this)"></confirm-dialog> 

@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(); 
    } 

} 

我想通过指数ngFor，在此先感谢

Answer 1

如果你只是想访问索引在0​​你可以通过指定变量来访问它index

<div *ngFor="let item of items; let j = index;"></div>

Answer 2

设置组件属性selectedIndex，并单击打开模式的按钮时，将该值设置为正确的索引。

你缺少代码中的一个ngFor，所以只是假设，在(click)="selectedIndex = i"的i从i在*ngFor="let item of items; let i = index"

<button href="" class="ui red button" 
     data-toggle="modal" 
     data-target="#deleteVersion" 
     data-backdrop="static" 
     (click)="selectedIndex = i">Delete</button> 

<confirm-dialog [index]="selectedIndex" [id]="'deleteVersion'" [title]="'Delete Version'" [content]="'Do you want to delete this version ?'" [positiveCall]="deleteVersion.bind(this)"></confirm-dialog> 

@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; 

    selectedIndex: number; 

    constructor() { } 

    ngOnInit() { 
    } 

    yes() { 
    this.positiveCall = this.positiveCall || function() { }; 
    this.positiveCall(); 
    } 

}