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

Question

我有这段代码：

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

尝试在我的一个angular-src组件HTML文件中使用'uri'变量（＆lt; a href = 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的值。

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