离子2支票框值

Question

我正在引用离子2读取复选框值代码，其方式与答案中所述相同。但是我在控制台中收到错误消息：

 Cannot read property 'indexOf' of undefined

下面是我的家。html代码：

 <form #leadsForm = "ngForm">
    <ion-item>
        <ion-label>Assign to: </ion-label>
        <ion-select [(ngModel)]="saleRep" name="saleRep">
            <ion-option *ngFor="let agency of agencyReps;let i = index;" value="{{agencyRepsIds[i]}}"> {{ agencyReps[i] }}</ion-option>                        
        </ion-select>
    </ion-item>
    <button ion-button (click)="assignLeads()" block>Assign</button>
    <ion-list >
        <ion-item *ngFor="let t of leads;">
            <h2 [ngClass]="t.status">{{t.fname}} {{t.lname}} | {{ t.status}}</span></h2>
            <label>
                <input type="checkbox" value="{{t}}" [checked]="cbChecked.indexOf('t') >= 0" (change)="updateCheckedOptions(t, $event)" />
            </label>
        </ion-item>
    </ion-list>
</form>

铅在 *ngfor中直接从后端获取，潜在客户数据列出了完美。

home.ts如下：

  export class Leads {
    cbChecked: string[];
    saleRep;
    constructor() { }
    updateCheckedOptions(chBox, event) {
        var cbIdx = this.cbChecked.indexOf(chBox);
        if(event.target.checked) {
          if(cbIdx < 0 ){
               this.cbChecked.push(chBox);
             console.log(chBox);
          }
        } else {
          if(cbIdx >= 0 ){
             this.cbChecked.splice(cbIdx,1);
              console.log(cbIdx);
          }
        }
    }
    assignLeads(){
        console.log('Selected Representative',this.saleRep)
        console.log('CheckBox Value',this.cbChecked);
    }
 }

谢谢。

Answer 1

两个点：

• cbChecked: string[] = [];需要具有初始值！否则它的未定义！
• [checked]="cbChecked.indexOf(t) >= 0"在这里使用t，而不是't'

Answer 2

您尚未在任何地方初始化cbChecked。

set：

 constructor() {
    this.cbChecked=[];
 }