在Angular 4中,当您在复选框中注册时,如何实现保存"a"或"B"值.虽然我尽了最大努力,但他给我的信是真是假,我希望有人能帮助我.

注册处.组成部分ts

  this.userForm = new FormGroup({
   state: new FormControl('',),
  });

注册处.组成部分html

<div class="form-group">
  <label>State</label>
  <input type="checkbox"
         [(ngModel)]="isChecked"
         (change)="checkValue(isChecked?'A':'B')"
         formControlName="state"/>
</div>  

<pre>{{userForm.value | json}}</pre>

这样我就可以让控制台显示我想要的值(A或B),但JSON中的值仍然是true或false.

推荐答案

这就是你想要的:

<input type="checkbox" [(ngModel)]="isChecked" (change)="checkValue(isChecked?'A':'B')" />

在课堂上:

checkValue(event: any){
   console.log(event);
}

Also include FormsModule in 100 to make ngModel work !

希望有帮助!

Typescript相关问答推荐

使用类和子类以及迭代类属约束对类属递数据 struct 建模

在TypScript手册中可以视为接口类型是什么意思?

如何根据数据类型动态注入组件?

处理API响应中的日期对象

TypeScript类型不匹配:在返回类型中处理已经声明的Promise Wrapper

在键和值为ARGS的泛型函数中未正确推断类型

在TypeScrip的数组中判断模式类型

如何使默认导出与CommonJS兼容

如何使用类型谓词将类型限制为不可赋值的类型?

使用订阅时更新AG网格中的行

在打印脚本中使用泛型扩展抽象类

如何将spread operator与typescripts实用程序类型`参数`一起使用

回调函数中的TypeScrip类型保护返回Incorect类型保护(具有其他未定义类型的返回保护类型)

如果判断空值,则基本类型Gaurd不起作用

如何在本地存储中声明该类型?

重写返回任何

窄SomeType与SomeType[]

两个子组件共享控制权

如何在由函数参数推断的记录类型中具有多个对象字段类型

对象只能使用 Typescript 中另一个对象的键