私はブートストラップと角度jsを持つ管理アプリケーションを開発しています。ヘッダーにnavbarを使用しています。リンクごとに異なるページを読み込む必要があります。どのように各ページをロードして、Navbarを再読み込みする必要がありますか?ブートストラップで複数ページのためにnavbarを残して再ロードする方法
インデックスファイルのコードが添付されています。私は各ファイル(すべてのsite.html)にnavbarコードをコピーしました。私はこれが適切な解決策ではないことを知っています。私は知っているかもしれません、これを行うために利用できるオプションは何ですか?
<!DOCTYPE html>
<html lang="en">
<head>
<title></title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script
src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<script
src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
</head>
<body>
<nav class="navbar navbar-default ">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="#"> Radar </a>
</div>
<ul class="nav navbar-nav">
<li class="active"><a href="index.html">Dashboard</a></li>
<li><a href="pages/site1.html">site1</a></li>
<li><a href="pages/site2.html">site2</a></li>
<li><a href="pages/site3.html">site3</a></li>
<li><a href="pages/site4.html">site4</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="#"><span class="glyphicon glyphicon-user"></span>
Hi Anand </a></li>
<li><a href="#"><span class="glyphicon glyphicon-log-in"></span>
Login</a></li>
</ul>
</div>
</nav>
</body>
</html>
? 。ネット? MVC? PHP? –