Question

我遇到了Angular的问题。我的代码很简单但是ng-hide不起作用。我希望在用户修改注册表单的按钮时隐藏部分代码。你能帮帮我吗？

<body ng-app="myApp" ng-controller="formCtrl">
<form name="signUpForm" ng-submit="signUpFormSubmit(signUpForm.$valid)" novalidate>
    <input type="text" placeholder="Email address *" name="signUpEmail">
    <input type="text" placeholder="Pseudo *" name="signUpPseudo">
    <input type="password" placeholder="Password *" name="signUpPassword">
    <button type="submit" class="button button-block button-positive">Sign Up</button>
    <div ng-hide="signUpForm.signUpEmail.$pristine || signUpForm.signUpPseudo.$pristine || signUpForm.signUpPassword.$pristine">
        <hr>
        <div class="padding-horizontal">
             <h4 class="center">You already have an account?</h4>

            <button class="button button-block button-stable">Sign In</button>
        </div>
    </div>
</form>

这是一个JsFiddle：http://jsfiddle.net/9ce63mno/3/

更新：虽然我不知道为什么在这种情况下需要控制器，但我添加了一个。我也定义了ng-app。

谢谢

Answer 1

我发现了问题。显然，这是因为没有为表单字段定义ng模型。

Angular ng-hide不起作用

1 个答案: