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