Javascript 通过另一个按钮控制切换按钮

我有一个切换按钮，这是工作，我只想创建一个按钮，将只与切换，当我点击按钮切换将继续，当我再次点击按钮切换将关闭

Toggle.html

<ion-toggle class="toggle-small" toggle-class="toggle-calm" id="toggle" (ionChange)="add(ioToggle.checked)"  #ioToggle ></ion-toggle> 

有办法吗？

函数开关x（）{
var x=document.getElementById（'input1'）
x、 选中=！x.checked}
/*stopit功能可防止单击开关*/
函数stopit（）{
var x=document.getElementById（'input1'）
x、 选中=！x.checked
}

#按钮2{
显示：无；
}
.开关{
位置：相对位置；
显示：内联块；
宽度：60px；
高度：34px；
}
.开关输入{显示：无；}
.滑块{
位置：绝对位置；
光标：指针；
排名：0；
左：0；
右：0；
底部：0；
背景色：#ccc；
-webkit转换：.4s；
过渡：.4s；
}
.滑块：之前{
位置：绝对位置；
内容：“；
高度：26px；
宽度：26px；
左：4px；
底部：4px；
背景色：白色；
-webkit转换：.4s；
过渡：.4s；
}
输入：选中+滑块{
背景色：#2196F3；
}
输入：焦点+.滑块{
盒影：0 0 1px#2196F3；
}
输入：选中+。滑块：之前{
-webkit转换：translateX（26px）；
-ms变换：translateX（26px）；
转化：translateX（26px）；
}

切换开关
开关

首先添加

[（ngModel）]=“状态”

---

先生，谢谢您的回复，请允许我更具体地说明我想做什么。我想创建一个按钮，模拟我点击切换（我将隐藏切换），想象一下当我第一次点击按钮时切换将打开，如果我再次点击它将关闭…我不明白你在尝试做什么。你说的“模拟我点击开关”是什么意思？你想让切换按钮消失吗？先生，请看一下这张图片，我想当我点击手动按钮时，切换将继续，当我再次点击手动按钮时，切换将关闭。啊，你想创建一个按钮来切换开关是的，我想就是这样，因为我的切换正在做我想让他做的事情，但是，我不想自己切换他，我想创建一个按钮，当我点击它时，它会像一个魔咒一样工作，愿上帝保佑你。你能给我示范一下，ngModel是如何工作的吗？这叫做

双向

绑定。这意味着从

ts

文件更改

状态将更改其在
html
中的值，反之亦然。因此，当我们在
buttonClick（）
中反转
status
的值时，您将在html中看到它的效果。
<ion-toggle [(ngModel)]="status" class="toggle-small" toggle-class="toggle-calm" id="toggle" (ionChange)="add(ioToggle.checked)"  #ioToggle ></ion-toggle> 

<!-- Bind the click event to a method -->
<button ion-button (click)="buttonClick($event)">
  Click me!
</button>

...
status = false;
...
buttonClick(event) {
    this.status = !this.status 
}