AngularJS 怎么做身份验证

最普遍的身份认证方式就是用用户名（或 email）和密码做登陆 *** 作。这就意味要实现一个登陆的表单，以便用户能够用他们个人信息登陆。这个表单看起来是这样的： Username: Password: Login

首先你要有存用户数据的能力才能判断数据是否存进去了是吧，js中有一个localStorage的方法用来让电脑手机中存数据，具体的你自己百度，我下面贴一些我自己用的代码给你看看吧

这个是localjs文件，需要在appjs中依赖注入Local

然后在controller或者service中注入local就能用了

用get获取我在注册登陆的时候存在本地的账号密码

Angular 1 和 2 的区别：

1从移动app开发上面分析：

Angular 1x 专注于web开发，没有涉及到移动这方面的内容，还好后来杀出个程咬金IONIC移动app开发框架，让angularjs1x很好的支持了移动开发

Angular 2目标：原生移动支持 _ iOS 和 Android

Angular 2 会有两层，应用层和渲染层。例如一个组件可以用不同的 @View 修饰器修饰，根据运行环境可以在运行时生效。

与 React Native 一样，Angular 2 支持：

一次学习，到处书写。

这意味着创建原生应用时可以重用你在创建 web 应用时学习的知识。尽管总是有些区别。

2从服务器端渲染提供支持分析：

支持服务器端的渲染对于搜索引擎的优化和用户感知体验来说是非常重要的；在一个比较大型的Angular 1 的应用中，即使使用了预先定义的缓存模块，我们可以清楚地看到当应用开始启动时，页面的加载过程。

AngularJS 是Web前端开发中的一个 JavaScript 框架，目前在前端中使用率也是非常高的，也是Web前端开发者以动态形式开发时最喜欢的框架之一。如果你是一个前端开发者希望基于AngularJS启动一个项目，你需要筛选众多的工具。为了减少用AngularJS开发的负担，下面源码时代Web前端培训小编为大家介绍20款最新的工具，主要涉及测试、前端开发、IDE编辑器、文本编辑器、优秀库、模块、扩展、代码生成器、网格工具等等。

1Karma–是一个简单的javascript测试工具，它允许在多个真正的浏览器执行JavaScript代码提供了完美的测试环境，允许你在真实的浏览器和设备比如手机和平板电脑上测试应用。

2Protractor –是一款端对端的测试框架。这个Nodejs项目建立在WebDriverJS之上。它在真实浏览器上运行测试，与其交互就如任何正常用户使用一样。

3 Jasmine –这款行为驱动测试框架不依赖于浏览器、DOM或者任何JavaScript框架，因此对于任何Node项目或者任何JavaScript运行的地方都非常适合。

4 Djangular –这是一款可重用的应用，可以提供更好的AngularJS集成。有了此工具的帮助，你可以为每个应用创建 AngularJS内容。

5 Mentio –这款工具引入了mention部件和宏控件，并不依赖于jQuery。你可以应用mentio指令作用于任何元素，并且它允许可选择的文本输入。

6 Angular Kickstart –这款工具加速了AngularJS开发，并伴随可扩展的构建系统，简化了开发过程。

7 AngularFire –用此工具，你可以轻松创建 Angular 应用后台。灵活的API，3种数据绑定方式以及快速开发能力使得开发变得轻松。

8 Mochajs –这是一款运行在nodejs和浏览器上的功能丰富的测试框架。允许异步测试，能灵活准确的报告与映射。

9 SublimeText –对于开发者来说最好的一款文本代码编辑器，使得编写代码简单化。比起其他文本编辑器，许多开发者更喜欢用Sublime Text

10 Restangular –这款工具简化了常见的GET, POST, DELETE, UPDATES请求，使用更简短的代码。对于任何通过 RESTful API 进行数据 *** 作的 Web 应用都是理想化的工具。

11 Generator Angular –这款工具可以帮助你快速的设置项目的默认结构。它能输出让你快速开始app开发的模板。

12 NG-Inspector –这是一个Chrome 和Safari 浏览器扩展，安装成功后会出现先审查面板中，帮助你开发、调试和深入理解 AngularJS 应用。它使得更容易标识和显示Controllers 和Directives中的scope。

13 Angular Seed –这个一个典型的AngularJS web app开发框架，它可以让你在开发环境快速启动angular app。

14 Code Orchestra –这是一个前端开发工具，它允许你所见即所得方式开发代码。一旦你保存修改了的代码，它使用一个特殊的协议自动的显示出来。

15 Videogular –这是一个针对AngularJS的基于HTML5的视频播放库，它使得在你的app中使用视频或其他多媒体更容易。

16 Webstorm –它是一个智能的代码编辑器，支持JavaScript, Nodejs, HTML和CSS等等以及它们对应下一代的继任者。它能工作在所有的先进技术下，对大部分开发者来说，使用它是一个很好的选择。

17 Angular GetText –这是超级简单的翻译工具，你只需输入英文文本，标记它需要翻译，它就会翻译。

18 Angular Deckgrid –这是一个轻量级的表格，它没有自己的展现样式，完全依赖于你定义在CSS中的样式。

19 Angularjs UI –这是一个UI组件集合库，它有很多有用的指令来帮你快速的开发Angular应用。它使用指令来代替组件，如：ui-router, ui-map, and ui-calendar。

20 Mean –它是一个使用MongoDB, Nodejs, Express和AngularJS apps的简单而完美的模板。它捆绑和配置了一些模块，如： Mongoose 、Passport。

21 Wijmo –这是新一代HTML5/ JavaScript UI控件。大而全面的前端开发工具包，全面支持Angular 2。

22 VS Code(Visual Studio Code)是由微软研发的一款免费、开源的跨平台文本(代码)编辑器。几乎完美的编辑器。

源码时代：>

以上就是关于AngularJS 怎么做身份验证全部的内容，包括:AngularJS 怎么做身份验证、AngularJS如何判断缓存里是否有用户来进行登录或注销、AngularJs 1.x和AngularJs2的区别是什么等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！