使用express的ui-router中的templateURL

时间:2015-11-26 16:46:43

标签: javascript node.js express angular-ui-router

我使用ejs视图引擎生成一个快速项目。

我正在尝试为我的家庭视图设置templateURL,但它总是反馈404错误。

这是我的代码。

在我的public / javascripts / angularApp.js

app.config([
'$stateProvider',
'$urlRouterProvider',
function($stateProvider, $urlRouterProvider){

    $stateProvider
    .state('home',{
        url: '/home',
        templateUrl: 'home.html',
        controller: 'MainCtrl',
        resolve:{
            postPromise:['posts', function(posts){
                return posts.getAll();
            }]
        }
    })

在views / index.ejs

<div class="row container"> 
    <div class="col-md-6 col-md-offset-3">
        <ui-view></ui-view>
    </div>
</div>

在views / home.html

<div class="page-header">
    <h1>Flapper News</h1>
</div>

请帮我解决这个问题。 非常感谢〜

1 个答案:

答案 0 :(得分:0)

如果使用快递,则会在how-should-i-create-the-path-of-templateurl-property-in-angular-ui-router中回答。然后home.html必须在公共文件夹中,例如:

public

|--app

  |--views

     |--home.html

,路线为:

...
templateUrl: '/app/views/home.html',
...