ui-bootstrap-tpls 1.0.0或下一页的分页不显示

时间:2016-12-29 12:49:50

标签: angularjs pagination angular-ui-bootstrap

我使用ui-bootstrap-tpls的“pagination”指令

<Context>

    <!-- Default set of monitored resources -->
    <WatchedResource>WEB-INF/web.xml</WatchedResource>

    <!-- Uncomment this to disable session persistence across Tomcat restarts -->
    <!--
    <Manager pathname="" />
    -->

    <!-- Uncomment this to enable Comet connection tacking (provides events
         on session expiration as well as webapp lifecycle) -->
    <!--
    <Valve className="org.apache.catalina.valves.CometConnectionManagerValve" />
    -->
    <Resource 
        auth="Container" 
        description="User database that can be updated and saved" 
        name="jdbc/VTREProto" 
        type="javax.sql.DataSource"
        maxActive="100" 
        maxIdle="30" 
        maxWait="10000" 
        removeAbandoned="true"
        username="vtreapp" 
        password="vtre!@#$%" 
        driverClassName="com.mysql.jdbc.Driver"
        url="jdbc:mysql://localhost:3306/developermodule" 
        />

</Context>
带有0.14.3 ui-bootstrap-tpls的

plnkr Demo 确定

enter image description here

带有1.0.0 ui-bootstrap-tpls的

plnkr Demo KO

enter image description here

应该做出哪些修改?

2 个答案:

答案 0 :(得分:0)

重命名了所有引导程序指令。 (即分页 - > uib-pagination)看https://angular-ui.github.io/bootstrap/ - 从那里开始的分页示例也可以使用1.0.0的ui-bootstrap-tpls。

答案 1 :(得分:0)

在版本 0.x.x 中使用(demo):

<pagination total-items="totalItems" ng-model="currentPage" ng-change="pageChanged()"></pagination>

在版本 1.x.x 中您需要使用(demo):

<uib-pagination total-items="totalItems" ng-model="currentPage" ng-change="pageChanged()"></uib-pagination>

在版本 2.x.x 中您需要使用(demo):

<ul uib-pagination total-items="totalItems" ng-model="currentPage" ng-change="pageChanged()"></ul>