AngularJS和MVC Framework,有哪些项目?

时间:2013-04-24 08:48:16

标签: jquery asp.net-mvc model-view-controller angularjs angular-ui

我是网络开发人员的新手,我正在迈出这个世界的第一步,我想知道一些事情,我在维基百科上看到Angular用于运行“单页应用程序” 让我们像ASP .NET MVC一样使用WAF,我可以为动态数据验证,一些动画以及jQuery插件“轻松”提供的其他一些东西编写一些jQuery代码,特别是在asp .net mvc中有一个很多帮助jQuery。

Angular.js能为我提供这些东西吗?它只对单页应用程序有用吗?以stackoverflow为例,在这样的网站上使用它是否太过分了?

2 个答案:

答案 0 :(得分:1)

我目前正在使用ASP Web API,AngularJs和Twitter Bootstrap来完成几个项目。 提示:

  • 学习并使用ng-include和ng-hide构建基本GUI。它简单快捷,并以相同的方式进行动画制作。

  • 使用bootstrap for css(跳过JS-part)。 Bootstrap

  • 使用第三方库制作动画。我使用animate.css作为css 3.如果可以,尽量避免使用JS风格的动画。在显示元素时执行简单的不透明度动画并跳过隐藏动画。然后在那之后随意扩展。动画通常会以某种方式打破布局。 Angularjs + animate.css guide

  • 使用角度表单验证。如果您需要Google,请参阅Google指南。但是不要忘记AngularJs网页上的官方文档。

  • 跳过指令,直到你必须学习它,但不要害怕在你需要的时候试一试。语法很糟糕,但您只需要一些代码,然后很容易扩展。

  • 不要使用id =“foo”来破解jQuery。使用(其他人的)指令。

祝你好运!

答案 1 :(得分:0)

我对ASP.NET MVC和单页面应用程序有一些经验,我认为它们可以很好地协同工作,特别是从MVC 4和WebAPI的引入。

单页面应用程序的目标是通过减少加载时间和提供更流畅的导航来改善用户体验。例如,Angular.js的设计并不是为了帮助你为你的网站添加好的效果,也不是为了你有Jquery的DOM manupulation。

Angular.js将帮助您处理导航,客户端呈现,如果您有很多javascript代码,它将帮助您更好地管理依赖项和组织代码,这是使用HTTP apis和客户端的另一个好理由 - 侧面渲染是您将数据和数据的表示分开,因此您可以测试并重新使用它。

你可以在angular.js中使用jquery,当然你可以将Angular.js与MVC一起使用。

您可以开始查看http://www.asp.net/single-page-application/overview/templates/breezeangular-template

希望有所帮助:)