Javascript 用js进行身份验证

我需要修改这个plunker代码：plnkr.co/edit/Mvrte4？p=preview

我需要删除用户角色，所有用户都加入同一页面

如有可能，在两页中填写修改后的代码

• 第1页：index.html内容登录表单
• 第2页：home.html内容注销btn

这是可以登录home.html的用户列表

    [{  "username": "user1","password": "pass1" }, {"username": "user2","password": "pass2" }, {"username": "user3","password": "pass3"}, {"username": "user4","password": "pass4"}]

my plunker:plnkr.co/edit/fplol0FFpGkLZC3ZdgKX？p=预览

这就是我需要的图像模式

请有人帮帮我

• 您需要将AngularJS作为JavaScript依赖项包含在index.html中
• 您需要包含一个

  ngapp

  指令并指定一个模块（我使用了

  myApp

  ）
• 您需要将密码元素设置为

  类型

  密码

• 我将所有内容分解为指令-索引调用
  ，它调用
  和

• ng if

  创建了一个隔离的作用域，因此我使用

  controllerAs

  和

  vm

  在
  和
  指令之间正确传递数据
• 我在输入元素中添加了

  ng model

  ，用于双向绑定；当用户与
  元素交互时，

  $scope

  上的值保持最新
• 我使用

  {{}

  显示用户名
• 我使用

  $http

  获取您在

  .json

  文件中输入的用户名和密码
• 您需要在服务器上进行用户名/密码验证，而不是像当前那样将它们全部下载到客户端
• 您需要使用身份验证框架，这样就不必担心在服务器上加密用户密码之类的事情
• 您拼错了欢迎和注销
• 我应该在

  注销

  功能中将
  设置为
  未定义
  ；我错过了

• 如果您想要一个只包含（2）个.html文件的解决方案，就像您在问题中提出的那样（我建议您将所有内容拆分为组件），那么您可以：