使用ui bootstrap tpls指令

Question

這是交易。我在使用ui-bootstrap-tpls指令（即「分頁」）時遇到問題。庫在requirejs中成功連接，您可以在haed中看到，但指令不起作用。

<script type="text/javascript" data-requiremodule="angularBootstrap" src="/components/angular-bootstrap/ui-bootstrap-tpls.js"> 

<div ng-controller="myController"> 
    <pagination direction-links="false" total-items="totalItems" ng-model="currentPage" num-pages="smallnumPages"></pagination> 
</div> 

這裏是requirejs：

requirejs.config({ 

    baseUrl: '/', 

    paths: { 

     'angular': 'components/angular/angular', 
     'angularRoute': 'components/angular-route/angular-route', 
     'angularBootstrap': 'components/angular-bootstrap/ui-bootstrap-tpls', 

    }, 
    shim: { 
     'angular': { 
      deps: [ 'jquery' ], 
      exports: 'angular' 
     }, 
     'angularRoute': { 
      deps: [ 'angular' ] 
     }, 
     'angularBootstrap': { 
      deps: ['angular'] 
     }, 
    } 
}); 

和app.js：

define(['angular', 'angularBootstrap', 'angularRoute'], function (angular) { 

'use strict'; 

    return angular.module('myModule', ['ngRoute']); 
}); 

Answer 1

app.js應該是這樣的：

define(['angular', 'angularBootstrap', 'angularRoute'], function (angular) { 

'use strict'; 

    return angular.module('myModule', ['ngRoute','ui.bootstrap']); 
}); 

回報angular.module有必要添加'ui.bootstrap'