如何在选中时将复选框值设置为1,在未选中时将0设置为?

时间:2017-09-20 09:17:05

标签: angular

我正在进行角度4应用并使用反应形式。

我想在0/1中保存复选框值而不是true / false。现在,当我检查我的复选框时,我得到了真的,并且在取消检查时我得到了假,但我想要1检查,0检查未选中。

4 个答案:

答案 0 :(得分:1)

您可以使用ngModel

  [ngModel]="value.selected == 1 ? true : value.selected == 0 ? false : null" (ngModelChange)="value.selected = $event ? 1 : 0"

您还可以在表单提交中以反应形式检查值,并将值映射到1 : 0

更新

this.form.get('checked') ? 1:0

答案 1 :(得分:0)

如果您使用的是(ngModelChange)表单,则可以尝试使用template-driven来映射该值。

[ngModel]="!!myValue" (ngModelChange)="myValue = $event ? 1 : 0"

并在组件模板中:

public myValue: number = 0;

如果您正在使用ReactiveFormsModule,则会在之后映射该值:

this.myValue = +this.myForm.get('myCheckboxControl');

答案 2 :(得分:0)

只需添加它:

comments

赞:

@book = Book.find(params[:id])
@post = @book.posts.find(params[:post_id]) if @book.present?
@comment = @post.comments.find(params[:id]) if @post.present?

答案 3 :(得分:-1)

this.form.get('checked').value ? 1:0