Angular 角度2复选框值

我创建了一个球员等级表（全名、位置和排名），该表中每个原始球员都有c复选框。我如何实现当我点击复选框时，播放器的值（对于该原始值）将显示在html中

HTML代码：

{{player.fullName}
{{玩家位置}
{{玩家排名}
{{selectedBullsPlayers}

TS代码（仅相关行）：

bullsPlayers=[]；
选定的Bullsplayers=[]；
构造函数（私有的_playerService:playerService）{}
恩戈尼尼特（）{
这个._playerService.getPlayers（）
.然后（players=>this.players=players）
.catch（错误=>console.log（错误））；
这个._playerService.getBullsPlayers（）
.然后（玩家=>this.bullsPlayers=玩家）
.catch（错误=>console.log（错误））；
}
addOrRemoveBullsPlayer（值：字符串）{
var indexOfEntry=this.selectedBullsPlayers.indexOf（值）；
if（指数<0）{
此.selectedBullsPlayers.push（值）；
}否则{
这是一个选择的bullsplayers拼接（indexOfEntry，1）；
}
}

更改

        value="player.fullName"

到

哦，把你的display div改成

        <div *ngFor="let playerFullName of selectedBullsPlayers">{{playerFullName}}</div>

{{playerFullName}

使用

ngModel

指令并将其绑定到

player。选中

html:

<td>
  <input
    type="checkbox"
    class="form-check-input"
    [id]="bullsPlayers[i]"
    [name]="bullsPlayers[i]"
    [(ngModel)]="player.selected"
    value="player.fullName"
    (change)="updateBullsPlayer()"/>
</td> 

不要担心
所选的
字段，它将由
ngModel
自动添加。您所说的播放器的值是什么意思？例如，它是全名
<td>
  <input
    type="checkbox"
    class="form-check-input"
    [id]="bullsPlayers[i]"
    [name]="bullsPlayers[i]"
    [(ngModel)]="player.selected"
    value="player.fullName"
    (change)="updateBullsPlayer()"/>
</td> 

updateBullsPlayer() {
  this.selectedBullsPlayers = selectedBullsPlayers.filter((item) => item.selected)
}