我有一个使用node的ejs页面,我想更新我的变量。问题是它是多页面视图的一部分。
我将用户变量从节点服务器传递到网页。
进入页面后,我有一个标题。我在标题中显示了名称,但在正文中,我更新了数据。
<!DOCTYPE html>
<html ng-app="KBase" ng-init= "m_user=<%=JSON.stringify(user)%>">
<head>
<title>Index</title>
<link href="/css/bootstrap.min.css" rel="stylesheet">
<link rel='stylesheet' href='/stylesheets/style.css' />
</head>
<body ng-controller="accountController">
<header>
<% include header %>
</header>
<div class="container" ng-controller="accountController as up" ng-init="up.m_user = m_user">
我使用angular来更新数据。它将进入服务器并进行更新。但是,我宁愿不更新整个页面,也不想要多个标题。但是,多个标头是解决问题的唯一方法。
我的header.ejs
<% if (user){ %>
<ul class="nav navbar-nav navbar-right" >
<!--<li><a href="#">Link</a></li> -->
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><%=(user.displayName)%><span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="/login">logout</a></li>
<li><a href="/account">account settings</a></li>
<!-- <li><a href="#">Something else here</a></li>
<li role="separator" class="divider"></li>
<li><a href="#">Separated link</a></li> --!>
</ul>
</li>
</ul>