用于处理 UI、验证和异常管理的 Angular js [关闭]

Question

我是 angularJS 的新手，我浏览了 this tutorial，但没有找到任何有关如何创建或处理 UI 元素（如模式窗口、日期控件、带进度条的文件上传、输入验证等）的内容。我从中了解到，Angular 最初并不是像 bootstrap 那样为 UI 设计的，而只是用于处理来自服务器的数据。之后，我仍然必须使用引导程序或类似的其他第三方 jQuery 控件为我上面提到的所有内容注入其他 jquery 控件，并使一切协同工作。

经过一番挖掘，我找到了this。现在我对学习 Angular 和遵循使用 Angular 进行开发的最佳实践的方式感到困惑。您可以推荐任何指南吗？我打算让我的下一个项目是一个在线照片库，它在客户端完全由 angular 驱动，在服务器端使用 MVC。

更具体地说，我很想知道我可以纯粹使用 Angular 完成以下多少工作，以及一些解释其完成方式的文档以及其中哪些我需要依赖其他控件或纯 jQuery 以及一些文档关于一切如何一起发挥作用：

1. 使用 Angular 在客户端处理服务抛出的异常
2. 使用 UI 控件，如模式弹出窗口、网格、日期控件、带有进度条的文件上传控件（大文件）
3. 验证页面上的用户输入。

感谢您的宝贵时间。

Answer 1

让我试着解决你的顾虑

使用客户端处理服务抛出的异常 角度

这可以通过使用response interceptors 逐个处理或在全局级别处理。看看这些例子

http://www.webdeveasy.com/interceptors-in-angularjs-and-useful-examples/ 和

https://medium.com/opinionated-angularjs/techniques-for-authentication-in-angularjs-applications-7bbf0346acec 展示了如何使用拦截器从服务器捕获 401、403 错误。

使用 UI 控件，如模式弹出窗口、网格、日期控件、文件上传 带有进度条的控件（大文件）

正如您所指出的，ui-bootstrap 是一个库，它提供了一组可用于您的项目的体面元素，用 Angular 编写。由于该框架现在非常流行，因此 jquery 中几乎所有可用的东西都有 angularjs 端口。如果没有，您可以为 UI 元素推出自己的指令。

验证页面上的用户输入。

AngularJS 表单验证提供了一套不错的原语，可以帮助您实现验证。周围的开发人员也编写了自己的指令来扩展默认验证，例如

https://github.com/huei90/angular-validation

https://github.com/kelp404/angular-validator

https://github.com/nelsonomuto/angular-ui-form-validation

http://angular-ui.github.io/ui-utils/

http://blog.technovert.com/2014/03/angularjs-form-validation-library-directives/

Answer 2

基本上，使用 AngularJS 可以做的事情没有限制。这只是一个学习曲线。

该框架一开始有些混乱，但您很快就会赶上。 Angular-UI 不错，学着用。我几乎从不使用 jQuery。

对于初学者，我建议构建一个基本的 CRUD UI，它可以使用 RESTful API。为什么选择 RESTful？感谢$resource factory，AngularJS 可以很好地处理这些问题。

然后您可以查看how to manage errors from http response。然后你可以提高你的技能，避免一些client-side validations的错误。

还有一些事情要检查：

• http://ruoyusun.com/2013/05/25/things-i-wish-i-were-told-about-angular-js.html

• egghead tutorials

• thinkster tutorials

• 当然，StackOverflow 是wonderful resource about angularJS！