angularjs - 用于显示/隐藏 div 的 AngularJs 代码

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

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