如何在自舉導航欄中放置按鈕？

Question

我在我的html網站有一個導航欄元素，並想知道如何將一個按鈕添加到導航欄。我想這樣做是因爲我想調用一個js函數來切換頁面的內容，而不是讓瀏覽器加載一個全新的頁面。我嘗試了一個按鈕，但它沒有正確的格式。我只想讓它看起來像導航欄中的常規鏈接，但是調用一個函數而不是鏈接。

<!--Nav bar source--> 
<nav class="navbar navbar-default"> 
    <div class="container-fluid"> 
     <div class="navbar-header"> 
      <a class="navbar-brand" href="">Brand</a> 
     </div> 
     <div> 
      <ul class="nav navbar-nav"> 
       <li><a>button needed here</a></li> 
       <li><a>button needed here</a></li> 
      </ul> 
     </div> 
    </div> 
</nav> 

<!--script.js source--> 
var app = angular.module('app', []); 
app.controller('appController', ['$scope', function($scope){ 
    $scope.page1 = true; //whether to show page1 or not 
    $scope.page2 = false; 
}]); 

編輯： 這並不一定是一個按鈕，我只是希望解決這個問題

Answer 1

我加入了「NG單擊」指令來解決這個問題「一個具有改變頁面內容功能的元素。我還爲'a'元素添加了'href ='＃''，所以正確的光標顯示在懸停狀態。