Question

每次添加另一个依赖项时，ngRoute都会中断。我想在应用程序中添加“矩选择器”以选择日期和时间，但是一旦我将依赖项添加到模块中，就会出现以下错误：

未捕获的错误：[$ injector：modulerr]

在错误页面“说明”下，它显示“正在使用ngRoute”。

这是我的代码：

var app = angular.module('weather', ['ngRoute', 'moment-picker']);

如果我删除了“ moment-picker”，则ngRoute可以正常工作而没有任何错误。

我尝试过切换到脚本的链接，但是没有运气。

Answer 1

如果您使用的是Angular Moment Picker，请确保已将相应的标签添加到... imports: [... RouterModule.forRoot(routes)], ...文件中（取决于您使用的版本）：

index.html

<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.4/angular.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.6/moment-with-locales.js"></script> <script src="//cdn.rawgit.com/indrimuska/angular-moment-picker/master/dist/angular-moment-picker.min.js"></script> <link href="//cdn.rawgit.com/indrimuska/angular-moment-picker/master/dist/angular-moment-picker.min.css" rel="stylesheet">标签通常在开始时放在您的<link>标签内部，而<head>标签通常在您的<script>标签内部开始。

Answer 2

似乎我的问题是脚本的添加顺序，以及我当时删除的“ moment-withh-locales.js”脚本。

我现在的订单是：

<script src="scripts/angular.min.js" type="text/javascript"></script>
<script src="scripts/jquery-1.11.3.min.js" type="text/javascript"></script>
<script src="scripts/bootstrap.min.js" type="text/javascript"></script>
<script src="scripts/jquery.easing.min.js" type="text/javascript"></script>
<script src="scripts/angular-route.js"></script>

<script src="scripts/moment-with-locales.js" type="text/javascript"></script>
<script src="scripts/moment.min.js" type="text/javascript"></script>
<script src="scripts/angular-moment-picker.min.js" type="text/javascript"></script>
<link href="css/angular-moment-picker.min.css" rel="stylesheet" type="text/css"/>

<script src="scripts/app.js" type="text/javascript"></script>

在app.js中，我的代码如下：

var app = angular.module('weather', ['ngRoute', 'moment-picker']);

app.config(function($routeProvider) 
{
    $routeProvider
    .when("/", {
      templateUrl : "home.php"
    })
    .when("/page1", {
      templateUrl : "page1.php"
    });
});

app.config(['momentPickerProvider', function (momentPickerProvider) {momentPickerProvider.options(
{
    /* Picker properties */
    locale:        'en',
    format:        'L LTS',
    minView:       'decade',
    maxView:       'minute',
    startView:     'year',
    autoclose:     true,
    today:         false,
    keyboard:      false,

    /* Extra: Views properties */
    leftArrow:     '&larr;',
    rightArrow:    '&rarr;',
    yearsFormat:   'YYYY',
    monthsFormat:  'MMM',
    daysFormat:    'D',
    hoursFormat:   'HH:[00]',
    minutesFormat: moment.localeData().longDateFormat('LT').replace(/[aA]/, ''),
    secondsFormat: 'ss',
    minutesStep:   5,
    secondsStep:   1
    });
}]);

谢谢大家的帮助。

每当我添加矩选择器作为依赖项时，ngRoute都会中断

2 个答案: