将角度文件添加到Express-node应用程序

时间:2016-11-26 02:12:35

标签: express angular

使用visual studio 2015创建了一个快速应用程序。默认设置。创建了一个基本的角度应用程序并在chrome中运行html作为测试,它按预期工作(显示Hello World)。 现在,当我将角度文件添加到快速应用程序并使用带有res(sendfile(index.html))的默认路由时,突然它没有显示角度应用程序。

它应该加载html文件,该文件引用了角度cdn链接,但它没有显示角度输出。是我如何引用我的角色cdn或我在这里失踪的其他东西?

enter `<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<app>loading...</app>
<script src="http://code.angularjs.org/2.0.0-beta.9/angular2-  
  polyfills.min.js"></script>   
<script src="https://code.angularjs.org/2.0.0-beta.9/Rx.umd.min.js">

</script>
<script src="https://code.angularjs.org/2.0.0-beta.9/angular2-
all.umd.min.js"></script>
<script src="./app.js"></script>
</body>
</html>`

我的Angular文件app.js

`var App = ng.core.Component({
selector: "app",
template: '<h1>Hello{{target}}!</h1>'
})
.Class({
constructor: function () {
    this.target = 'World';
}
});
ng.platform.browser.bootstrap(App);` code here

这是我在express中的index.js,其中get路由指向res.sendfile()中的index.html

var express = require('express');
var router = express.Router();
/* GET home page. */
router.get('/', function (req, res) {
res.sendfile('./app/index.html');
//res.render('index', { title: 'Express' });
});

module.exports = router; 在浏览器中运行它,角度应用程序将运行。将这两个简单文件添加到express中的文件夹中,并在get res.sendfile(index.html)中引用index.html文件,然后获得&#39; loading ...&#39;这意味着角度有效吗?

0 个答案:

没有答案