angularjs - 使用 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'