asp.net-mvc - 用于处理 UI、验证和异常管理的 angular js

标签 asp.net-mvc angularjs angular-ui angular-ui-bootstrap

<分区>

我是 angularJS 的新手,我通过了 this tutorial在上面但没有找到任何关于如何创建或处理 UI 元素的信息,例如模态窗口、日期控件、带进度条的文件上传、输入验证等。我从中了解到,Angular 最初并不是为 UI 制作的就像 bootstrap 一样,但仅用于处理来自服务器的数据。之后,我仍然需要使用 bootstrap 或类似的其他第三方 jQuery 控件为我上面提到的所有内容注入(inject)其他 jQuery 控件,并使所有内容协同工作。

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

更具体地说,我有兴趣知道我可以纯粹使用 Angular 以及一些解释它是如何完成的文档以及其中哪些我需要依赖其他控件或纯 jQuery 以及一些文档来完成以下工作关于一切如何一起发挥作用:

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

感谢您的宝贵时间。

最佳答案

让我试着解决你的问题

Handling exceptions thrown by services on the client side using Angular

这可以通过使用 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 错误。

Using UI controls like modal popups, Grids, date controls, file upload controls (large files) with progress bar

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

Validation of user input on the page.

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/

关于asp.net-mvc - 用于处理 UI、验证和异常管理的 angular js,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24490792/

相关文章:

angular - 不确定的进度条无法正常工作

asp.net-mvc - 如何将 Html.CheckBox(列表)与 IEnumerable<T> 一起使用并进行验证

c# - 表单提交没有数据绑定(bind)

asp.net-mvc - 禁用客户端缓存

c# - 模型数据未传递给 Asp Mvc 中的 View

javascript - 我很难理解如何处理日期

angularjs - 如何使用 angular.element find 函数通过 JQuery 选择器进行搜索?

javascript - ng-repeat 中的 Angular 单选按钮模型

javascript - 如何在 {{}} AngularJS 中使用 JavaScript

javascript - 无法使用 angular-ui-ace 嵌入 ACE 编辑器 "ui-ace need ace to work"错误