Question

这里我的两个div如下：

<div class="login">
UserName:<input type="text" name="uname"><br>
Password:<input type="password" name="pwd"><br>
<input type="submit" value="login"><br>
<a href="#" id="register">SignUp for new User</a>

</div>
<div class="signUp">
FirstName:<input type="text" name="fname"><br>
Lastname:<input type="text" name="lname"><br>
Password:<input type="password" name="pwd"><br>
<button>SignUp</button>

</div>

我在jQuery中的脚本如下：

 $(document).ready(function()
  {  
  $(".signUp").hide();
     $("#register").click(function() {
        $(".signUp").show();
        $(".login").hide();
     });  
   });

我想使用angularjs使用相同的功能。任何人都可以帮助我..

Answer 1

Google ng-show和ng-hide。基本上，您希望在模型中创建一个表示是否显示这些变量的变量。 ng-show / hide绑定到此变量，并在变量值更改时自动处理div的可见性。另外，请查看注册按钮的ng-click标签。

AngularJs显示/隐藏div的代码

1 个答案: