使用AngularJS的Node.js示例

网络应用程序通常有前台和后台。Node.js可以实现后台，使用jade模板引擎可以生成一些简单的前台页面。然而，要开发一个具有实际意义的现代网络应用，必须匹配一个网络前端框架。

AngularJS是一个JavaScript前端框架，是Node.js完美的客户端库AngularJS强制执行MVC (Model-View-Controller)框架，并且使用JavaScript对象作为其模型，专门与Node.js匹配，使用AngularJS的一些服务(比如$http)与Node.js进行通信，交互对象可以同时在前端和后端使用，不需要转换成其他结构，非常完美。

另一点是AngularJS值得信赖，因为它有谷歌的支持。然而，中国的网络真的很独特。难道就因为这样https://angularjs.org/就不能去了吗？不能参观吗？不能参观吗！重要的事情说三遍，说三遍，说三遍，你懂的。不过你可以浏览qiang或者买个VPN，接入就可以了。此外，还可以通过github访问Angular JS:https://github.com/angular/angular.js。github上还有一个好东西：https://github.com/jmcunningham/AngularJS-Learning,上面列出了AngularJS的各种学习链接。最后是中文站http://www.angularjs.cn/,网上星罗棋布的很多AngularJS资源，谷歌或者百度都能找到。

什么是AngularJS

Angularjs实际上是一个js库和一个js文件，帮助我们更好的开发Web前端。在github上，AngularJS这样介绍自己：

AngularJS让您编写客户端web应用程序，就像您有一个更智能的浏览器一样。它让你使用好的旧HTML(或者HAML，杰德和朋友！)作为您的模板语言，并允许您扩展HTML的语法，以清晰简洁地表达应用程序的组件。它通过双向数据绑定，自动将用户界面(视图)中的数据与JavaScript对象(模型)同步。为了帮助您更好地构建应用程序并使其易于测试，AngularJS教浏览器如何进行依赖注入和控制反转。哦，是的，它有助于服务器端的通信，用承诺和延期来驯服异步回调。它还使客户端导航和与hashbang urls或HTML5 pushState的深度链接变得轻而易举。最棒的是。它让开发变得有趣！

都是英文的，你还好吗？

根据我的理解，这几点更重要：

扩展HTML语法，动态修改HTML双向数据绑定，为前端和后端提供各种服务，如http、http、cookie、window、window、timeout、$document等。方便开发者，有很多基于AngularJS的UI库，帮助我们构建复杂的Web UI。像https://github.com/angular-ui或https://github.com/angular-ui/bootstrap.

AngularJS的学习资源

很多，谷歌或者百度。还建议：https://github.com/jmcunningham/AngularJS-Learning.

关于AngularJS开发的书也很多，但是我没有看过。我看了《Node.js+MongoDB+AngularJS Web开发》，我觉得挺好的。它涵盖了mean(node . js-express-angularjs-MongoDB)技术栈，是用一种语言实现全栈工程师梦想的好选择。

Node.js中支持AngularJS

AngularJS是一个客户端JavaScript库。如果想在Node.js中支持，只需要在HTML模板中嵌入脚本标签，这样客户端就可以得到angular.js文件。

像这样：

[代码]script src=' http :https://Ajax . googleapis.com/Ajax/libs/angular js/1 . 4 . 3/angular . min . js '/script[/code]

但基本上是死路一条，因为谷歌在中国行不通。所以最好从qiang或者VPN下载，部署到你的网站上，然后这样走：

脚本src=' http :http://yousite/JavaScript/angular-1 . 4 . 3 . min . js '/脚本在HTML文档中使用AngularJS

这基本上分为四个部分：使用再渲染到指令定义应用程序模块加载在脚本标签中定义的angular.js库在超文本标记语言文档里插入有角的相关的指令（指令)实现控制器（一般在一个射流研究…文件里)下面是一个使用AngularJS的超文本标记语言文档：

！doctype html html ng-app=' myApp '标题节点。H3收藏夹framework :/H3 Li ng-repeat=' framework中的框架' { framework } }/Li/div脚本src=' http :/JavaScript/angular-1。4 .3 .量滴js '/script script src=' http 3360/JavaScript/framework。js '/脚本上面的文档内引用到的frameworks.js内容如下：

angular.module('myApp '，[]).控制器(' myController '，['$scope '，函数($ scope){ $ scope。框架=['节点。js '，' Express '，' AnjularJS ']；}]);把frameworks.html文件放在HelloExpress的公众的目录下面，把frameworks.js放在公共/JavaScript目录下，运行网站，在浏览器打开地址" http://localhost :3000/framework。html”，效果如下图所示：

在翡翠模板中使用AngularJS

其实翡翠模板文件里使用AngularJS，只需要将有角的指令嵌入即可，没什么特别的。如果你有现成的超文本标记语言文档，也可以使用超文本标记语言转翡翠的在线工具来转换为翡翠模板文件，在这里：http://html2jade.org。

前面使用了AnjularJS的超文本标记语言文档，对应的翡翠模板文件框架内容如下：

doctype html html(ng-app=' myApp ')标题节点。H3收藏夹框架： Li(ng-repeat=“框架中的框架”){ { framework } }脚本(src=' http :/JavaScript/angular-1。4 .3 .量滴js’)脚本(src=' http 3360/JavaScript/framework。js’)以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。