用于处理UI,验证和异常管理的角度js

时间:2014-06-30 13:02:55

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

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

经过一番挖掘后,我找到了this。现在我对使用角度学习角度和遵循最佳实践的方法感到困惑。您可以推荐哪些指南?我打算让我的下一个项目是一个在线照片库,它完全由客户端的角度驱动,在服务器端使用MVC。

更具体地说,我有兴趣了解以下我可以完全使用Angular做多少以及一些文档来解释它是如何完成的以及我将需要依赖其他控件或简单jQuery以及一些文档关于一切如何在一起发挥作用:

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

2 个答案:

答案 0 :(得分:2)

让我试着加入你的担忧

  

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

这可以通过案例基本处理或使用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/

答案 1 :(得分:1)

基本上,使用AngularJS可以做什么没有限制。这只是一个学习曲线。

这个框架起初有些令人困惑,但你很快就会赶上来。 Angular-UI很好,学会使用它。我几乎从不使用jQuery。

对于初学者,我建议构建一个基本的CRUD用户界面,它可以访问RESTful API。为什么RESTful?由于$resource factory,AngularJS可以很好地完成这些工作。

然后您可以查看how to manage errors from http response。然后,您可以使用某些client-side validations来改善您的技能并避免一些错误。

还有一些要检查的内容: