Javascript 控制器';的属性未显示在模板上
我有一个模板,作为用户注册页面。它有电子邮件、密码、密码确认、名字和姓氏。然后,有一个按钮,它应该调用控制器中定义的动作。车把模板看起来像这样Javascript 控制器';的属性未显示在模板上,javascript,ember.js,handlebars.js,Javascript,Ember.js,Handlebars.js,我有一个模板,作为用户注册页面。它有电子邮件、密码、密码确认、名字和姓氏。然后,有一个按钮,它应该调用控制器中定义的动作。车把模板看起来像这样 <div class="well"> <form role="form"> <div class='form-group'> {{input type='email' class='form-control' placeholder='E-Mail' value=ema
<div class="well">
<form role="form">
<div class='form-group'>
{{input type='email' class='form-control' placeholder='E-Mail' value=email}}
</div>
<div class='form-group'>
{{input type='text' class='form-control' placeholder='First Name' value=password}}
</div>
<div class='form-group'>
{{input type='text' class='form-control' placeholder='Last Name' value=password}}
</div>
<div class='form-group'>
{{input type='password' class='form-control' placeholder='Password' value=password}}
</div>
<div class='form-group'>
{{input type='password' class='form-control' placeholder='Password Confirmation' value=passwordConfirmation}}
</div>
<button {{action 'signUp'}} class='btn btn-lg btn-default'>Sign Up</button>
</form>
</div>
Postr.SignUpController = Ember.Controller.extend({
actions: {
signUp: function(){
var email = this.get('email');
var password = this.get('password');
var passwordConfirmation = this.get('passwordConfirmation');
var firstName = this.get('firstName');
var lastName = this.get('lastName');
console.log(email);
if(!email || !password || !passwordConfirmation || !firstName || !lastName){
this.set('signUpError ', 'One or more field is missing!');
}
if(password !== passwordConfirmation){
this.set('signUpError ', 'Password does not match!');
}
//console.log(this.get('signUpError'));
}
},
signUpError: ''
});
在表单的顶部,我添加了一个新的HTML元素来呈现错误
{{#if signUpError}}
<div class="alert alert-danger">
{{signUpError}}
</div>
{{/if}}
{{{#if signUpError}
{{signUpError}}
{{/if}
问题是。。。我无法让签名者出现:|有什么想法吗
谢谢各位。问题在于您的this.set('signuperor')有一个空格,因此您实际上没有正确设置属性 我已经在jsbin中重新创建了这个问题,如果没有空间,这个问题可以正常工作
this.set('signUpError','Password不匹配!')代码>
问题在于您的this.set('signupError')有一个空格,因此您实际上没有正确设置属性
我已经在jsbin中重新创建了这个问题,如果没有空间,这个问题可以正常工作
this.set('signUpError','Password不匹配!')代码>
不确定这是否是问题所在,但在'this.set('signuperor')中,末尾有一个空格。也许这样可以解决问题?不确定这是否是问题所在,但在'this.set('signuperor')中,末尾有一个空格。也许那会解决问题?天哪,谢谢你!天哪,谢谢你!