Question

我有this code example on PLNKR！

<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>

我用于我的Web应用程序Angular JS，页面顶部总是可以使用标题导航到其他html页面并在此标题下加载其内容。

现在我的问题是我想通过点击按钮向这个标题添加一个新元素，在我的例子中，它是plnkr中的页面home.html。

我想将元素prev添加到标题中（在home.html之前），以便能够导航到它，并在点击时直接导航到该页面。

所以同时它应该在home之前追加prev并导航到页面（在标题下加载prev.html的内容）。

有可能吗？

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

Angular js在按钮单击时在标题中附加元素

0 个答案: