Node.js 使用AngularJS的方法示例(2)

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

Node.js 使用AngularJS的方法示例

在jade模板中使用AngularJS

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

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

doctype html html(ng-app="myApp") head title Node.js + Express + AngularJS body div(ng-controller="myController") h3 Favorite Frameworks: li(ng-repeat="framework in frameworks") {{framework}} script(src="https://www.jb51.net/javascripts/angular-1.4.3.min.js") script(src="https://www.jb51.net/javascripts/frameworks.js")

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://www.heiqu.com/797609f13c9d35f903010c21e7ce4793.html