Angular2 ngModel复选框未定义

只是一个简单的问题，如果有人知道如何解决这个问题，但我有一些复选框输入问题。Angular2 ngModel复选框未定义

它通过以下方式

<input type="checkbox" [(ngModel)]="settings.ht_enabled" (ngModelChange)="changeSetting('ht_enabled')" id="setting-ht_enabled"> <label for="setting-ht_enabled">ht enabled</label>

每次配置我点击我的模型的值是不确定的复选框，并(ngModelChange)被触发只做一个console.log。设置得到正确设置，我看到选中的复选框。只有当我实际点击它时，我的模型的值才会变得不明确。

另一个需要注意的是，这个Angular2项目是作为一个web worker运行的。

有没有人有类似的问题，并知道如何解决这个问题？

这块HTML背后的组件是

@Component({ 
    selector: 'app-setting-form', 
    templateUrl: './setting-form.component.html', 
    styleUrls: ['./setting-form.component.css'], 
    changeDetection: ChangeDetectionStrategy.OnPush 
}) 
export class SettingFormComponent { 
    settings: Setting; 

    constructor(
    private service: SettingService, 
    private cdr: ChangeDetectorRef, 
    private messageBrokerService: MessageBrokerService, 
) { 
    this.messageBrokerService.send('access_token', '', this.initialize.bind(this)); 
    } 

    initialize(token) { 
    this.service.getSettings(token).subscribe(settings => this.handleSettings(settings)); 
    } 

    handleSettings(settings: any) { 
    this.settings = new Setting(settings); 
    this.cdr.markForCheck(); 
    } 

    changeSetting(setting: string) { 
    console.log(this.settings); 
    } 
}

来源

2016-12-13 Jacob Notte

你可以发布一个有点您的JavaScript的？ –

你有一个对象“设置”在你的JavaScript？ –

你试过初始化'settings'吗？看来它没有任何价值。 –

我做了一个快速的解决方法，因为它似乎是一个复选框的值不正确Angular2设置ngModel。我不知道这是否与在网络工作者中运行的项目有关，但我的工作如下。

<input type="checkbox" [(ngModel)]="settings.ht_enabled" (click)="changeSetting('ht_enabled')" id="setting-ht_enabled"> <label for="setting-ht_enabled">ht enabled</label>

和changeSettings功能

changeSetting(setting: string) { 
    this.settings[setting] = !this.settings[setting]; 
    console.log(this.settings); 
}

我删除了（ngModelChange），并加入我自己的点击事件

来源

2016-12-13 15:02:28

Angular2 ngModel复选框未定义

回答

相关问题