Question

我正在使用库切换开关： Toogle Switch

这是我的开关元素：

<label class="switch-light switch-material">
    <input type="checkbox">
    <strong class="large-4 columns float-left">
        Off
    </strong>
    <span class="large-4 columns float-left">
        <span>Off</span>
        <span>On</span>
        <a (click)="detectStatus(true or false)"></a>
    </span>
    <strong class="large-4 columns float-left">
        On
    </strong>
</label>

使用函数detectStatus（），如果状态为Off，我想发送为参数值false，如果状态为On，则发送为true。

怎么办？感谢，

Answer 1

您应该在输入中使用ngModel和checked来实现此目标

试试这个

<input [ngModel]="test" [checked]="test" type="checkbox" (change) = "checkClicked(test)">

在组件中：

    checkClicked(val){
        this.test = !val;       
    }

这是工作plnkr

Angular 4 - 切换开关以检测状态

1 个答案: