Question

我的html网站上有一个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

我通过添加＆＃39; ng-click＆＃39;解决了这个问题。指示＆＃39; a＆＃39;具有更改页面内容功能的元素。我还添加了＆＃39; href =＆＃34;＃＆＃34;＆＃39;到了＆＃39; a＆＃39;元素，所以在悬停时显示正确的光标。

如何将按钮放入bootstrap导航栏？

1 个答案: