显示/隐藏分区的AngularJs代码

显示/隐藏分区的AngularJs代码,angularjs,Angularjs,以下是我的两个部门: <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

以下是我的两个部门:

<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>
 $(document).ready(function()
  {  
  $(".signUp").hide();
     $("#register").click(function() {
        $(".signUp").show();
        $(".login").hide();
     });  
   });  

我希望使用angularjs实现相同的功能。有人能帮我吗?

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

请阅读并返回一个真正的问题,谢谢您在大约5小时前问了这个问题,它因太懒而关闭。你希望这次会有不同的结果吗?因为我是AngularJS的新手,我发现很难实现这个功能。正如@mb21所指出的,仔细阅读教程,你就可以上路了。