我使用的是Angular 4,我在组件的html模板文件中的组件上有一个复选框:

<input type="checkbox" (change)="canBeEditable($event)">

在我的部件上.ts文件我有一个设置为真的值.

toggleEditable() {
    this.contentEditable = true;
}

我的问题是,如果选中复选框,我只希望更改值.

所以它看起来像:

toggleEditable() {
    if (checkbox is checked) {
      this.contentEditable = true;
    }
}

我该怎么做?

推荐答案

你需要勾选event.target.checked来解决这个问题.这就是你如何做到这一点:

<input type="checkbox" (change)="toggleEditable($event)">

在您的组件中.ts:

toggleEditable(event) {
     if ( event.target.checked ) {
         this.contentEditable = true;
    }
}

Typescript相关问答推荐

之间是否有区别:例如useEffect()React.useEffect()

将对象属性路径描述为字符串数组的类型

替代语法/逻辑以避免TS变量被分配之前使用." "

如何修复正在处理类型但与函数一起使用时不处理的类型脚本类型

在配置对象上映射时,类型脚本不正确地推断函数参数

如何将类型从变量参数转换为返回中的不同形状?

为什么我的条件类型不能像我预期的那样工作?

为什么有条件渲染会导致material 自动完成中出现奇怪的动画?

如何将TS泛型用于react-hook-form接口?

从非文字数组(object.keys和array.map)派生联合类型

为什么TypeScrip不能解析对象析构中的赋值?

缩小对象具有某一类型的任意字段的范围

错误:NG02200:找不到类型为';对象';的其他支持对象';[对象对象]';.例如数组

如何将通用接口的键正确设置为接口的键

在Thunk中间件中输入额外参数时Redux工具包的打字脚本错误

创建一个函数,该函数返回一个行为方式与传入函数相同的函数

无法缩小深度嵌套对象props 的范围

类型判断数组或对象的isEmpty

获取类属性的类型';TypeScript中的getter/setter

如何使用 Angular 确定给定值是否与应用程序中特定单选按钮的值匹配?