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')中,末尾有一个空格。也许那会解决问题?天哪,谢谢你!天哪,谢谢你!