>  Q&A  >  본문

angular.js - express+angular,使用templateURL的路径问题

使用express构建的服务,没有使用视图引擎,将项目目录设置为静态:

app.use(express.static(__dirname + '/public'));
app.use(express.static(__dirname + '/view'));
app.use(express.static(__dirname + '/node_modules'));

node入口文件index.js在根目录下,目录结构为:

/
/index.js
/public
/view
/view/index.html(首页)
/view/sidebar.html(侧边菜单)
/public/js/app.js(首页的js文件)

index.html中引入如下:

<script src="angular/angular.min.js"></script>
<script src="angular-route/angular-route.min.js"></script>
<script src="js/app.js"></script>

index.html指令如下:

<my-sidebar></my-sidebar>

app.js如下:

var app = angular.module("myBlog", ["ngRoute"]);
app.directive("mySidebar", function () {
    return  {
        restrict: "E",
        replace: true,
        templateURL: "sidebar.html",
    }
})

经过测试发现templateURL没有起作用,请问应该如何写这个路径,或者如何查看这里的templateURL到底被解析成了什么样子?

淡淡烟草味淡淡烟草味2693일 전680

모든 응답(3)나는 대답할 것이다

  • 仅有的幸福

    仅有的幸福2017-05-15 17:14:24

    해결되었습니다. 크롬에 문제가 있습니다. 원래 코드가 올바르게 작성되었습니다.
    ejs 뷰 엔진을 사용하는 방법을 제공합니다:

    으아아아

    회신하다
    0
  • 阿神

    阿神2017-05-15 17:14:24

    ../../view/sidebar.html

    회신하다
    0
  • 滿天的星座

    滿天的星座2017-05-15 17:14:24

    templateURL을 절대 경로로 작성 templateURL: '/view/sidebar.html'

    또는 <base> 태그에 구성 요소 HTML 템플릿의 루트 경로를 추가하세요.

    회신하다
    0
  • 취소회신하다