小白提问：动态修改按钮label文字

coolwin

如下代码，有一个按钮btnViewAns，想实现点击后显示答案区，并修改按钮显示文字，再点击则隐藏文字，修改回按钮文字。

1. 
   
2. Model.prototype.btnViewAnsClick = function(event){
   
3.                 var txt1='查看答案';
   
4.                 var txt2='关闭答案';
   
5.                
   
6.                 var btn=this.comp("btnViewAns");
   
7.                 if(btn.label==txt1)
   
8.                 {
   
9.                         $(this.getElementByXid("rowAns")).show(); // 显示
   
10.                         btn.label=txt2;
    
11.                 }
    
12.                 else
    
13.                 {
    
14.                         btn.label=txt1;
    
15.                         $(this.getElementByXid("rowAns")).hide(); // 隐藏
    
16.                 }
    
17.                
    
18.         };
    

复制代码

执行后可以正常显示或隐藏答案区，但按钮上的显示文字没有变，为什么？？

liangyongfei

btn.set({label:'查看答案'});
就这样写试试！

或者是  button 下的 lable 节点上 通过 bind-text 绑定一个KO 对象，通过修改ko对象的值就可以动态感知了！
http://doc.wex5.com/data-bind-text/

coolwin

liangyongfei 发表于 2018-3-7 14:04
btn.set({label:'查看答案'});
就这样写试试！

btn.set({label:'查看答案'});

很好用，非常感谢！！