Node.js使用AngularJS步骤详解

来源：动视网责编：小采时间：2020-11-27 19:48:07

Node.js使用AngularJS步骤详解

Node.js使用AngularJS步骤详解:这次给大家带来Node.js使用AngularJS步骤详解，Node.js使用AngularJS的注意事项有哪些，下面就是实战案例，一起来看一下。做一个Web应用，一般都有前台和后台，Node.js可以实现后台，利用jade模板引擎也可以生成一些简单的前台页面，但要想开发出具有实际意义

推荐度：

点击下载本文 文档为doc格式

导读Node.js使用AngularJS步骤详解:这次给大家带来Node.js使用AngularJS步骤详解，Node.js使用AngularJS的注意事项有哪些，下面就是实战案例，一起来看一下。做一个Web应用，一般都有前台和后台，Node.js可以实现后台，利用jade模板引擎也可以生成一些简单的前台页面，但要想开发出具有实际意义

都是英文的，Are u OK？

按我的理解，这几点是比较重要的：

扩展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的学习资源

很多，Google或百度吧。另外推荐：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模板中嵌入script标记，让客户端能获取到angular.js文件就成了。

比如这样：

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

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

<script src="http://yousite/javascripts/angular-1.4.3.min.js"></script>

在HTML文档中使用AngularJS

这基本上分为四个部分：
使用ng-app指令定义应用程序模块
加载在script标签中定义的angular.js库
在HTML文档里插入angular相关的指令（directive）
实现控制器（一般在一个js文件里）

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

<!doctype html>
<html ng-app="myApp">
<head>
 <title>Node.js + Express + AngularJS</title>
</head>
<body>
 <p ng-controller="myController">
 <h3>Favorite Frameworks:</h3>
 <li ng-repeat="framework in frameworks">{{framework}}</li>
 </p>
 <script src="/javascripts/angular-1.4.3.min.js"></script>
 <script src="/javascripts/frameworks.js"></script>
</body>
</html>

上面的文档内引用到的frameworks.js内容如下：

angular.module('myApp', []).
 controller('myController', ['$scope', function($scope){
 $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。

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

doctype html
html(ng-app="myApp")
 head
 title Node.js + Express + AngularJS
 body
 p(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")

相信看了本文案例你已经掌握了方法，更多精彩请关注Gxl网其它相关文章！

Node.js使用AngularJS步骤详解

推荐度：

点击下载本文 文档为doc格式

标签：步骤使用过程

热门焦点

Node.js使用AngularJS步骤详解

Node.js使用AngularJS步骤详解

Node.js使用AngularJS步骤详解

最新推荐

猜你喜欢

热门推荐