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'

使用ui bootstrap tpls指令

1 个答案: