Node.js   发布时间:2019-10-11  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了Node.js 使用AngularJS的方法示例大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

做一个Web应用,一般都有前台和后台,Node.js可以实现后台,利用jade模板引擎也可以生成一些简单的前台页面,但要想开发出具有实际意义的现代Web应用,还得搭配一个Web前端框架。

是一个JavaScript前端框架,对于Node.js来说是一个完美的客户端库。AngularJS强制使用MVC(模型-视图-控制器,Model-View-Controller)框架,而它又使用JavaScript对象作为它的模型,和Node.js特别般配,用AngularJS的某些服务(比如$http)和Node.js通信,交互的对象不需要被转换为其它结构就能同时在前端和后端使用,堪称完美。

还有一点,AngularJS背靠Google,值得信赖。不过,天朝网络也真特么绝了,难道仅仅因为这一点,就不能访问了吗,就不能访问了吗,就不能访问了吗!重要的事情说三遍,说三遍,说三遍,你懂的。不过,你可以翻qiang或者买个VPN,访问就没问题了。另外,你也可以通过github访问AngularJS:。github上还有一个好东东:,里面列出了各种AngularJS的学习链接。最后呢,还有这个中文站,以及很多点缀在互联网上的AngularJS资源,Google或百度都可以找到。

AngularJS是什么

AngularJS其实就是一个js库,一个js文件,帮助我们更好的开发Web前端。在github上,AngularJS这么介绍自己:

都是英文的,Are u OK?

按我的理解,这几点是比较重要的:

  1. 扩展HTML语法,动态修改HTML
  2. 双向数据绑定
  3. 提供针对前端和后端的各种服务,比如http,http,cookie,window,window,timeout,$document等,方便开发者

还有很多基于AngularJS的UI库,帮助我们构建复杂的Web UI,比如

AngularJS的学习资源

很多,Google或百度吧。另外推荐:

也有很多专门讲AngularJS开发的图书,不过我没看过。我看的是《Node.js+MongoDB+AngularJS Web开发》,我觉得蛮不错的,涵盖了MEAN(Node.js-Express-AngularJS-MongoDB)技术栈,是想用一种语言成就全栈工程师梦想的不错选择。

在Node.js中支持AngularJS

AngularJS是一个客户端的JavaScript库,要想在Node.js里支持它,只要在HTML模板中嵌入script标记,让客户端能获取到angular.js文件就成了。

比如这样:

[code][/code">https://ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular.min.js">[/code]

但这基本上是死路一条,因为国内Google不通啊。所以,最好是翻qiang或VPN下载下来,部署到你的网站上,然后这样:

http://yousite/javascripts/angular-1.4.3.min.js">

在HTML文档中使用AngularJS

  1. 这基本上分为四个部分:
  2. 使用Ng-app指令定义应用程序模块
  3. 加载在script标签中定义的angular.js库
  4. 在HTML文档里插入angular相关的指令(directive)
  5. 实现控制器(一般在一个js文件里)

下面是一个使用AngularJS的HTML文档:

Node.js + Express + AngularJS
Favorite Frameworks:
  • {{framework}}
  • 上面的文档内引用到的frameworks.js内容如下:

    E){ $scope.frameworks = ['Node.js','Express','AnjularJS']; }]);

    把frameworks.html文件放在HelloExpress的public目录下面,把frameworks.js放在public/javascripts目录下,运行网站,在浏览器打开地址“http://localhost:3000/frameworks.html”,效果如下图所示:

    在jade模板中使用AngularJS

    其实jade模板文件里使用AngularJS,只需要将Angular指令嵌入即可,没什么特别的。如果你有现成的html文档,也可以使用html转jade的在线工具来转换为jade模板文件,在这里:http://html2jade.org/">http://html2jade.org。

    前面使用了AnjularJS的HTML文档,对应的jade模板文件frameworks.jade内容如下:

    title Node.js + Express + AngularJS body div(ng-controller="myController") h3 Favorite Frameworks: li(ng-repeat="framework in frameworks") {{framework}}

    script(src="/javascripts/angular-1.4.3.min.js")
    script(src="/javascripts/frameworks.js")

    以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持菜鸟教程。

    大佬总结

    以上是大佬教程为你收集整理的Node.js 使用AngularJS的方法示例全部内容,希望文章能够帮你解决Node.js 使用AngularJS的方法示例所遇到的程序开发问题。

    如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

    本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
    如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。