2017-02-25 5 views
0

プロジェクトはExpressに基づいており、ビューエンジンは使用していません。 私はいくつかの静的なディレクトリを設定します。express + angular、templateURLの使い方

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

index.jsは、Webルートにあるdirectorisようなものです:

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

ディレクティブ:

/ 
/index.js 
/public 
/view 
/view/index.html(index) 
/view/sidebar.html 
/public/js/app.js(js for index.html) 

のindex.htmlは、スクリプトを含めることのようです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がうまく動作しない、どのように私はそれを書くことができ、またはどのように私は私の亭でURLを見ることができます。 Tx!

答えて

0

私の問題を見ていただきありがとうございます。私は最終的に私のクロムがうまく機能せず、私が提供したコードが正しいことがわかりました。私が要求に受信したHTMLをレンダリングするapp.get('/sidebar.html')を書くことができるように

npm install --save ejs  

app.engine('html', require('ejs').__express); 
app.set('view engine', 'html'); 

app.get('/sidebar.html', function (req, res) { 
    res.render('sidebar.html'); 
}) 

templateURLは、「GET」httpリクエストを送信します。 は、ここで私はビューエンジンを必要とする別の方法を提供します。

関連する問題