如何正确引用Angular中ejs文件中的js文件

时间:2015-10-15 15:25:08

标签: angularjs keystonejs

这是我的项目结构:

公共 -js --angular.min.js --angularApp.js 模板 -views --index.ejs

这是我的index.ejs文件:

<html>
    <head>
        <title>My Angular app!</title>
        <script type='text/javascript' src="../../public/js/angular.min.js"></script>

    </head>

    <body ng-app="flapperNews" ng-controller="MainCtrl">
        <div>
            {{test}}
        </div>
        <script type='text/javascript' src="../../public/js/angularApp.js"></script>
    </body>

</html>

当我运行这个时,我在js文件上找到了404 not found错误。

我尝试将它添加到routes文件夹中的middleware.js:

app.use("/public/js/angularApp.js", express.static(__dirname + '/public/js/angularApp.js'));

但是这不起作用,我也尝试使用这条路径:

/public/js/

但也没有用。

如何正确引用ejs文件中的Javascript文件?

1 个答案:

答案 0 :(得分:0)

公共文件夹是从vistor角度看的根目录。所以在你的情况下它应该是

<script type='text/javascript' src="/js/angular.min.js">