angular - 如何打开和关闭输入复选框(更改)事件值?

标签 angular typescript

结果总是“打开”。我想让它在打开和关闭时得到两个结果。

  <label class="switch switch-3d switch-primary switch-success">
    <input type="checkbox" (change)="isChangeLimitAccessToggle($event.target.value)" id="ifLimitAccess" class="switch-input">
    <!-- [attr.disabled]="switchDisable?'':null"  [checked]="switchEnable" -->
    <span class="switch-label" data-on="Yes" data-off="No"></span>
    <span class="switch-handle"></span>
  </label>

最佳答案

只需使用checked 属性:

<input type="checkbox" (change)="isChangeLimitAccessToggle($event.target.checked ? 'on' : 'off')" id="ifLimitAccess" class="switch-input">

关于angular - 如何打开和关闭输入复选框(更改)事件值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51436812/

相关文章:

javascript - 遍历字符串中的每个字母并检查它是否是分隔符

javascript - 如何在 Angular Material 中嵌套网格列表?

angular - 无法读取 null 的属性 'required'

reactjs - preload.ts : ipcRenderer receives the message from main. ts 中的 contextBridge.exposeInMainWorld 但渲染器无法获取它

javascript - 如何在 Angular 4 上使用带有 ChartJS 的插件

typescript - 为每个测试创建一个单独的(在内存中)数据库

angular - 如何使用 typescript 和 api 显示我对每个数组的计算?

node.js - 由于 node-pre-gyp 错误,无法安装 npm

html - Angular react 形式控制值只是用户类型?

javascript - 如果我在 Typescript 中以大写字符开始类字段,它会导致更易于维护的代码吗?