javascript - 更改 knockout 中切换按钮的名称

Question

我有一个按钮，如果单击该按钮，则应将“开始”作为值应更改为“暂停”

> <script> let isOn = false;

    fucntion startPause() {

       if (!isOn){
         // do something
         isOn = true;    }else{
          // do something else
        isOn = false; }

    // ... </script>



    <button data-bind ="click: startPause" ></button>

Answer 1

这是一个例子: https://jsfiddle.net/kyr6w2x3/70/

HTML:

<button type="button" class="btn btn-default" data-bind="text:buttonText,click:startPause">

JS:

 function AppViewModel() {
      var self = this;
      self.buttonText = ko.observable('Start');
        self.startPause = function (){
           // here you can have your own logic to toggle the value
        self.buttonText(self.buttonText().toUpperCase() === 'START' ? 'Pause' : 'Start');
      }
    }
 ko.applyBindings(new AppViewModel());