Question

我有图书管理系统。现在，我正在使用switch button表示该图书是否可用。现在，管理员可以选择YES或No。

我想要实现的目标是 - ＆GT;让我们说status of availability now is 1(YES)（可用）
- ＆gt;管理员希望change to ZERO（否）
- ＆gt;确认（）对话框将弹出
- ＆gt;如果管理员点击YES，则切换按钮将changed to YEs display
- ＆gt;如果管理员点击CANCEL（管理员不想进行任何更改），switch button will remain the status to NO

我的问题 - ＆GT;当管理员单击切换按钮并决定不进行任何更改（管理员单击取消），因此切换按钮应保持其原始值（切换按钮仍显示NO）。但是我的代码在这部分不起作用。背后的价值是工作。 admin点击YES，db中设置的值为1，
但按钮不断更改是/否响应用户点击，无论用户在确认（）中单击是/取消。（

My question similar to this one, but somehow I am not getting it

的 HTML

  <div *ngIf="book.available == '1'">
                                                                        <div >
                                                                             <label class="switch switch-text switch-primary">                                           
                                                                                 <input class="switch-input" type="checkbox" checked (click)="changeAvailability(0)">                                         
                                                                                 <span class="switch-label" data-off ="No" data-on="Yes">
                                                                                 </span>
                                                                                 <span class="switch-handle"></span>
                                                                              </label>
                                                                        </div>  

                                                                    </div>  

                                                                      <div *ngIf="book.available == '0'">
                                                                        <div >
                                                                             <label class="switch switch-text switch-primary">                                           
                                                                                 <input class="switch-input" type="checkbox" checked (click)="changeAvailability(1)">                                         
                                                                                 <span class="switch-label" data-off ="No" data-on="Yes">
                                                                                 </span>
                                                                                 <span class="switch-handle"></span>
                                                                              </label>
                                                                        </div>  

</div>

CODE

changeAvailability(data) 
{   
    var x = confirm('Are you sure want to change Availability?');
    if (x) 
    {
        // if admin clicked yes, to change the availabilty, then the value is sent to post
        //this part worked for me


    }
    else 
    {       
        //User Cancelled, do not proceed
        console.log('user cancelled'); 
    }
 }

我认为CODe部分正常运作。我只想触发一些东西来控制开关按钮应该显示的内容。一些建议说我应该重新加载我的页面，这样html将读取admin提交的新更新值，siwtch按钮将读取新值。我试过了，但是没有用。真的需要一些指导

TQ

如何在确认（）单击拨号后更改切换按钮的检查状态

0 个答案: