Question

我有一个按钮应该有＆＃34;开始＆＃34;如果按下按钮，则为值应改为＆＃34;暂停＆＃34;

> <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());

Answer 2

使用文本绑定并使用observable在模型上更改它的值。

参考：The "text" binding

在Knockout中更改切换按钮的名称

2 个答案: