我是Angular2的新手,也是全球网络中的新手,我想在检查复选框时修改数据库中的oject参数值,或者使用Material-Design取消选中它,我尝试使用[(ngModel)]但没有发生任何事情.我的想法是,我必须添加一些命题与检查|未经检查的状态,以判断它是真是假.这是命题模型
export class PropositionModel {
id:string;
wordingP:string; // the proposition
propStatus:Boolean; // the proposition status
}
这是一个命题的HTML代码：
<div class="uk-width-xlarge-1-1 uk-width-medium-1-2">
<div (submit)="addProp1()" class="uk-input-group">
<span class="uk-input-group-addon"><input type="checkBox" data-md-icheck/></span>
<label>Proposition 1</label>
<input [(ngModel)]="proposition1.wordingP" type="text" class="md-input" required class="md-input"/>
</div>
</div>
addProp1() {
this.proposition1 = new PropositionModel();
this.proposition1.propStatus = false;
this.propositionService.addProposition(this.proposition1)
.subscribe(response=> {
console.log(response);
console.log(this.proposition1);
this.proposition1 = new PropositionModel();})
}
正如你可以看到我默认为命题状态使它成为假,我想在检查命题后改变它.
这是一个图像如何寻找更好的问题理解.
有什么帮助吗？
解决方法
PLUNKER DEMO
<input type="checkBox" data-md-icheck (change)="addprop1($event)"/>
addProp1(e) {
if(e.target.checked){
this.proposition1 = new PropositionModel();
this.proposition1.propStatus = false;
this.propositionService.addProposition(this.proposition1)
.subscribe(response=> {
console.log(response);
console.log(this.proposition1);
this.proposition1 = new PropositionModel();})
}
}
