Javascript 聚合物粘结值可';不变
单击按钮时如何更改其内容? 在函数中,我可以更改绑定值吗Javascript 聚合物粘结值可';不变,javascript,data-binding,firebase,polymer,Javascript,Data Binding,Firebase,Polymer,单击按钮时如何更改其内容? 在函数中,我可以更改绑定值吗 <dom-module id="my-facebook-login-button"> <template> <paper-button on-click="facebookLogin">{{loginButton}}</paper-button> </template> </dom-module> <script> (function() { Polyme
<dom-module id="my-facebook-login-button">
<template>
<paper-button on-click="facebookLogin">{{loginButton}}</paper-button>
</template>
</dom-module>
<script>
(function() {
Polymer({
is: 'my-facebook-login-button',
properties: {
loginButton: {
type: String,
value: 'Login with facebook',
notify: true
}
},
facebookLogin: function() {
var ref = new Firebase("https://sizzling-heat-4021.firebaseio.com/");
ref.authWithOAuthPopup("facebook", function (error, authData) {
if (error) {
console.log("Login Failed!", error);
} else {
console.log("Authenticated successfully with payload:", authData);
app.user=authData;
this.loginButton='Loged in';
}
});
},
});
})();
</script>
{{loginButton}
(功能(){
聚合物({
是:“我的facebook登录按钮”,
特性:{
登录按钮:{
类型:字符串,
值:“使用facebook登录”,
通知:正确
}
},
facebookLogin:function(){
var ref=新的火基(“https://sizzling-heat-4021.firebaseio.com/");
参考authWithOAuthPopup(“facebook”,函数(错误,authData){
如果(错误){
log(“登录失败!”,错误);
}否则{
log(“使用有效负载成功进行身份验证:”,authData);
app.user=authData;
this.loginButton='login';
}
});
},
});
})();
这个.loginButton='Loged in'不要更改按钮内容尼尔在评论中给出了正确答案。使用绑定。更新功能如下:
facebookLogin: function() {
var ref = new Firebase("https://sizzling-heat-4021.firebaseio.com/");
ref.authWithOAuthPopup("facebook", function (error, authData) {
if (error) {
console.log("Login Failed!", error);
} else {
console.log("Authenticated successfully with payload:", authData);
app.user=authData;
this.loginButton='Logged in';
}
}.bind(this));
},
只是一个盲拍,不知道
this.loginButton.value='Loged in'代码>有效?您是否尝试在函数(错误,authdata)
中绑定此
?像function(){}.bind(this)
?