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

Question

我在html網站中有一個navbar元素，想知道如何向該navbar添加按鈕。 我之所以想這樣做，是因為我想調用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

我通過向'a'元素添加'ng-click'指令來解決此問題，該指令具有更改頁面內容的功能。 我還在'a'元素中添加了'href =“＃”'，因此正確的光標會顯示在懸停上。