【发布时间】：2015-11-01 23:43:11
【问题描述】：
我只是通过将 AngularJS 构建推到 Heroku 上来测试水域，但它没有在双花括号中显示我想要的内容。不确定问题是什么，因为我的 src 似乎是正确的。 这是我的 index.ejs 文件：
<!DOCTYPE html>
<html ng-app="rantList" >
<head>
<!--<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"> </script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"> </script>
<!--<link rel = "stylesheet" type = "text/css" href = "/node_modules/bootstrap/dist/css/bootstrap.min.css"/>-->
</head>
<body >
</div>
<div ng-controller = "RantController as rantList" >
<h1> {{rantList.piece.name}}</h1>
<p> {{rantList.piece.paragraph}} </p>
</div>
<!-- <script type = "text/javascript" src = "/node_modules/angular/angular.min.js"></script>-->
<script src= "http://ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular.min.js"></script>
<script type = "text/javascript" src = "/../app.js"> </script>
<!--<script src = "https://code.angularjs.org/1.4.3/angular-route.js"> </script>-->
<p>{{"Hello"}}</p>
</body>
</html>
这是我的 app.js 文件：
(function(){
var app = angular.module('rantList', []);
app.controller('RantController', function(){
this.piece = rant;
});
var rant = {
name: 'First User',
paragraph: '....',
}
})();
这是我的 server.js 文件：
var express = require('express');
var app = express();
// set the port of our application
// process.env.PORT lets the port be set by Heroku
var port = process.env.PORT || 8080;
// set the view engine to ejs
app.set('view engine', 'ejs');
// make express look in the public directory for assets (css/js/img)
app.use(express.static(__dirname + '/public'));
// set the home page route
app.get('/', function(req, res) {
// ejs render automatically looks in the views folder
res.render('index');
});
app.listen(port, function() {
console.log('Our app is running on http://localhost:' + port);
});
在双花括号中，它显示 rantList.piece.name 而不是 First User（第一个示例），在第二个示例中，它显示 {{"Hello World"}} 而不是 Hello World。 感谢您抽出宝贵的时间，我对此很陌生，希望能提供任何帮助。
【问题讨论】：
-
使用 ng-bind 代替 {{scopeVariable}}.. 是的，它会显示 {{"hello"}} 而不是 --: hello 因为它不是 $scope 变量，而是一个字符串。
-
好的，我就是这么做的。然而，现在什么都没有出现。应该没有区别，但应该有吗？至少对于 $scope 变量，因为我根本没有加载太多，所以 {{ }} 显示变量应该没有延迟
标签： javascript angularjs heroku ejs