Javascript 单击按钮时在标题中添加元素_Javascript_Jquery_Html_Angularjs

Javascript 单击按钮时在标题中添加元素

javascript jquery html angularjs

Javascript 单击按钮时在标题中添加元素,javascript,jquery,html,angularjs,Javascript,Jquery,Html,Angularjs,我有我正在为我的web应用程序Angular JS使用，其中页眉始终位于页面顶部，用于导航到其他html页面并在该页眉下加载其内容现在我的问题是，我想通过单击按钮向这个标题添加一个新元素，在我的示例中，它是plnkr中的page home.html 我想将元素prev附加到标题（在home.html之前），以便能够导航到它，并通过单击直接导航到页面因此，它同时应该在主页之前附加prev并导航到页面（在标题下加载prev.html的内容）可能吗我非常感谢每一个提示或解决方案

我有

我正在为我的web应用程序Angular JS使用，其中页眉始终位于页面顶部，用于导航到其他html页面并在该页眉下加载其内容

现在我的问题是，我想通过单击按钮向这个标题添加一个新元素，在我的示例中，它是plnkr中的page home.html

我想将元素prev附加到标题（在home.html之前），以便能够导航到它，并通过单击直接导航到页面

因此，它同时应该在主页之前附加prev并导航到页面（在标题下加载prev.html的内容）

可能吗

我非常感谢每一个提示或解决方案！干杯

为什么不直接使用

ng repeat

链接并将另一个对象添加到数组中？另外，由于您使用的是

ui路由器

可以使用

ui sref

和

ui sref active

进行

href

和

类

<html ng-app='sampleApp'>
<head>
    <link data-require="bootstrap-css" data-semver="3.3.6" rel="stylesheet" 
 href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.css" />
    <script data-require="angular.js@1.4.x" 
src="https://code.angularjs.org/1.4.9/angular.js" data-semver="1.4.9"> 
</script>
<script data-require="angular.js@1.4.x" 
src="https://code.angularjs.org/1.4.9/angular-route.js" data-semver="1.4.9"> 
</script>
<script src="script.js"></script>
<script src="headerController.js"></script>
</head>
<body>
<header>
<nav class="navbar navbar-default" ng-controller="HeaderController">
  <div class="container-fluid">
    <div class="navbar-header">
      <a class="navbar-brand" href="#">Sample App</a>
    </div>
    <ul class="nav navbar-nav">
      <li class="{ active: isActive('/')}"><a href="#/">Home</a></li>
      <li class="{ active: isActive('/about')}"><a href="#/about">About</a> 
</li>
    </ul>
  </div>
</nav>
</header>
<ng-view></ng-view>
</body>
</html>