Angularjs 角度带错误：[$injector:unpr]未知提供程序：$datepickerProvider_Angularjs_Angular Strap

Angularjs 角度带错误：[$injector:unpr]未知提供程序：$datepickerProvider

angularjs

Angularjs 角度带错误：[$injector:unpr]未知提供程序：$datepickerProvider,angularjs,angular-strap,Angularjs,Angular Strap,我正在学习AngularJs，有很多新的术语，或者说我开始理解，但是这一个我似乎不知道我做错了什么我所要做的就是用角带在我的页面上加载一个日期选择器。我遇到的错误，到目前为止还没有弄清楚原因是：未捕获错误：[$injector:modulerr]未能实例化模块 mgcrea.ngStrap原因：错误：[$injector:unpr]未知提供程序： $datepickerProvider 我的基本理解告诉我Angular正在尝试注入它依赖的模块，但我在文档中找不到$datepickerPr

我正在学习AngularJs，有很多新的术语，或者说我开始理解，但是这一个我似乎不知道我做错了什么

我所要做的就是用角带在我的页面上加载一个日期选择器。

我遇到的错误，到目前为止还没有弄清楚原因是：

未捕获错误：[$injector:modulerr]未能实例化模块 mgcrea.ngStrap原因：错误：[$injector:unpr]未知提供程序： $datepickerProvider

我的基本理解告诉我Angular正在尝试注入它依赖的模块，但我在文档中找不到$datepickerProvider是什么，我使用的是网站上的示例代码

Html标记

<!DOCTYPE html>
<html lang="en" ng-app="mgcrea.ngStrap">
<head>
...
</head>
<body ng-controller="ZenwireController">
                    <div class="bs-example" style="padding-bottom: 24px;" append-source>
                    <form name="datepickerForm" class="form-inline" role="form">
                        <!-- Basic example -->
                        <div class="form-group" ng-class="{'has-error': datepickerForm.date.$invalid}">
                            <label class="control-label"><i class="fa fa-calendar"></i> Date <small>(as date)</small></label>
                            <input type="text" class="form-control" ng-model="selectedDate" name="date" bs-datepicker>
                        </div>
                        <!-- Custom example -->
                        <div class="form-group" ng-class="{'has-error': datepickerForm.date2.$invalid}">
                            <label class="control-label"><i class="fa fa-calendar"></i> Date <small>(as number)</small></label>
                            <input type="text" class="form-control" ng-model="selectedDateAsNumber" data-date-format="yyyy-MM-dd" data-date-type="number" data-min-date="02/10/86" data-max-date="today" data-autoclose="1" name="date2" bs-datepicker>
                        </div>
                        <hr>
                        <!-- Date range example -->
                        <div class="form-group">
                            <label class="control-label"><i class="fa fa-calendar"></i> <i class="fa fa-arrows-h"></i> <i class="fa fa-calendar"></i> Date range <small>(dynamic)</small></label><br>
                            <div class="form-group" class="col-xs-3">
                                <input type="text" class="form-control" ng-model="fromDate" data-max-date="{{untilDate}}" placeholder="From" bs-datepicker>
                            </div>
                            <div class="form-group" class="col-xs-3">
                                <input type="text" class="form-control" ng-model="untilDate" data-min-date="{{fromDate}}" placeholder="Until" bs-datepicker>
                            </div>
                        </div>
                    </form>
                </div>
         </div>
    </body>
</html>

我正在加载的脚本是

    bundles.Add(new ScriptBundle("~/bundles/angularjs").Include(
            "~/Scripts/angular.js",
            "~/Scripts/angular-animate.js",
            "~/Scripts/angular-sanitize.js",
            "~/Scripts/angular-strap.min.js",
            "~/Scripts/angular-strap.tpl.min.js",
            "~/Scripts/angular-strap/date-parser.min.js",
            "~/Scripts/angular-strap/tooltip.min.js"));

您正在声明模块“mgcrea.ngStrap”

在HTML和AngularJS代码中进行更改

HTML标记

<!DOCTYPE html>
<html lang="en" ng-app="myapp">
<head>
...
</head>

<!DOCTYPE html>
<html lang="en" ng-app="myapp">
<head>
...
</head>

var app = angular.module('myapp', ['ngAnimate', 'ngSanitize', 'mgcrea.ngStrap']);
    app.controller('ZenwireController', function ($scope) {
});