如何在node / express / jade中包含脚本?

时间:2015-11-03 17:57:03

标签: node.js pug mean script-tag

我正在使用Jade构建一个MEAN堆栈应用程序,但我无法使用任何脚本标记链接。链接标签工作正常。我已经尝试了绝对和相对链接以及大约其他5个问题的解决方案(大多数都是几年前),这里有关于堆栈溢出但没有一个有效。

以下是我项目中的相关代码:

(header.jade)

    link(href='libraries/normalize-css/normalize.css', rel='stylesheet')
    link(href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css', rel='stylesheet')
    link(href='custom.css', rel='stylesheet')
    script(src='https://code.angularjs.org/1.4.7/angular.min.js')
    script(src='/js/app.js')

(我想使用角度的一个例子)

extends userBase
block vars
    - var title = 'Login'
block body
    h1.love love love
    div(ng-controller='ChoiceCtrl')
        form(method="post", role="form", style="width:90%; margin: 5px auto;", class="form-horizontal")
            input(type='hidden', name='_csrf', value=csrfToken)
            div.form-group
                label(for="question") Ask your question:
                input(type="text", name="question", required=true, class="form-control", id="question", placeholder='Which team will win the super bowl this year...?')
                br
            ul.list-group
                li.list-group-item(ng-repeat="choice in choices")
                    span {{ 2+2 }}
            div.form-group
                label(for="responses") Choose Response Options:
                .input-group
                    input(type="text", name="response", class="form-control", id="responses", ng-model='choiceBody')
                    span.input-group-btn
                        input(type="submit", class='btn btn-primary', value='Add', ng-click='addChoice()')
            input(type="submit", class='btn btn-primary', value='Create Poll')

另外,在server.js文件中,静态文件的路由工作正常,所以我不确定问题出在哪里。

其余代码在github:https://github.com/gwenf/votenow

1 个答案:

答案 0 :(得分:0)

我明白了!我忘记为角度的ui-router包含一个脚本标签。我把脚本标签放在了角度之后:

link(href='libraries/normalize-css/normalize.css', rel='stylesheet')
link(href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css', rel='stylesheet')
link(href='custom.css', rel='stylesheet')
script(src='libraries/angular/angular.js')
script(src='libraries/angular-ui-router/angular-ui-router.js')
script(src='/js/app.js')

然后我把它包含在我的app.js中:

var myApp = angular.module('myApp', ['ui.router']);