将变量从我的 JS 文件传递​​到我的 HTML 文件？

Question

我有这个代码：

var uri = 'https://api.twitter.com/oauth/authenticate'
+ '?' + qs.stringify({oauth_token: oauthToken})

尝试在我的 angular-src 组件 HTML 文件之一中使用该“uri”变量（本质上是

这可能吗..？使用 NodeJS

编辑：完整代码：

var oauthToken = "";
var oauthTokenSecret = "";
app.get('/', function (req, res) {
//Step-1 Obtaining a request token
request.post({url : requestTokenUrl, oauth : oauth}, function (e, r, body){

//Parsing the Query String containing the oauth_token and oauth_secret.
var reqData = qs.parse(body);
oauthToken = reqData.oauth_token;
oauthTokenSecret = reqData.oauth_token_secret;

//Step-2 Redirecting the user by creating a link
//and allowing the user to click the link
var uri = 'https://api.twitter.com/oauth/authenticate'
+ '?' + qs.stringify({oauth_token: oauthToken})
 res.render('home', {url : uri});

我没有使用视图引擎，所以我试图忘记 res.render 并简单地将动态变量传递给我的 HTML 文件。

Answer 1

我假设您在 Express 中使用 EJS 文件。

在您的 EJS 文件 home.ejs 中添加如下内容：

<script>
var authUrl = "<%= url %>";
<script>

然后，在浏览器中你可以直接使用变量authUrl的值。

这样做是获取您在 res.render 函数调用中定义的 EJS 变量 url，并将其作为字符串放入将发送到浏览器的 HTML 中。然后浏览器获取该值并将其加载到变量authUrl。