Question

我想更改活动页码的背景颜色。谁知道如何自定义模板？

<!DOCTYPE html>
<html>

<head>
    <title> Nighbour hood map </title>
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
    <script type="text/javascript" src="js/lib/knockout-3.4.2.js"></script>
</head>

<body>
    <div class="search-menu ">
        <nav class="navbar navbar-light bg-faded justify-content-between">
            <h1 class="navbar-brand"> Find your favorite place</h1>
            <form class="form-inline">
                <input class="form-control mr-sm-2" type="text" placeholder="Search" data-bind="textInput: filter">
            </form>
        </nav>

        <ul class="list-group" data-bind="foreach: visibleLocations">
            <li class="list-group-item list-group-item-action" data-bind="text: title, click :$root.populateInfoWindow"></li>
        </ul>
    </div>


    <div id="map"></div>



    <script type="text/javascript" src="js/app.js"></script>
    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCX6bSgdTWvavwA0O8B7KsObZhE5GAf6yQ&callback=initMap" / onerror="googleError()" async defer>
    </script>


</body>
</html>

提前感谢！

Answer 1

pagination不再是有效的指令名称，请使用uib-pagination

正如您从template file

获取的标记所看到的那样

<li role="menuitem" ng-repeat="page in pages track by $index" ng-class="{active: page.active,disabled: ngDisabled&&!page.active}" class="pagination-page"><a href ng-click="selectPage(page.number, $event)" ng-disabled="ngDisabled&&!page.active" uib-tabindex-toggle>{{page.text}}</a></li>

.active类已应用于当前所选页面，因此您只需使用css覆盖它。

Angularjs和Bootstrap分页。更改活动数字背景颜色

1 个答案: