Question

我有这个方法：

getAnnouncements() {
    this.restService.get('announcement').subscribe(data => {
        this.announcements = data['payload'];
        this.optionsFromDb = this.announcements;
        this.options = this.optionsFromDb.map(option => ({checked: false, code: option.code, name: option.name}));
    });
}

在HTML中我有这个：

<div class="form-group" *ngFor="let option of options">
    <label class="checkbox-inline custom-checkbox nowrap">
        <input type="checkbox" [checked]="option.checked" (change)="option.checked = !option.checked" />
        <span>{{option.name}}</span>
    </label>
</div>

getListOfChecked() {
    return this.options.map( announcement => announcement.checked );
}

我想要的是在html中显示这个option.name，但是从选项中删除它。有什么建议怎么办？因为我的post函数只收到checked和代码，而不是名字，这就是我想删除它的原因

Answer 1

如果我理解，您希望显示名称，但在将其发送到您的网络服务之前将其删除，对吧？

如果你想使用map来做，那就去做

let paylaodToSendToBackend = this.options.map(option => ({ checked: option.checked, code: option.code }));

在HTTP调用之前

。

如何正确使用地图？

1 个答案: