Javascript 使用角度材料底部板材控制时出现问题

只是想让“角度材质库”为“底部板材”控件工作。我遵循了他们所说的示例，将$mdBottomSheet依赖项放在控制器注入中，但组件似乎找不到它需要的东西。我得到的错误是

中第4146行第11列引发了异常 0x800a139e-JavaScript 运行时错误：[$injector:unpr]未知提供程序：

---

$mdBottomSheetProvider您是否在

index.html

中包含了角度材质Javascript？您刚刚用控制器代码中的详细信息更新了我的问题什么是

app

（其中显示

app.controller（…

）？如果我包含“ngMaterial”，请在上面添加应用定义在应用程序中要依赖的模块列表中，我得到一个错误-模块“ngMaterial”不可用！您可能拼错了模块名称或忘记加载它。如果注册模块，请确保将依赖项指定为第二个参数。

app.controller("SEFlexJobsController", ["$scope", "$http", "$modal", "$log", "$element", "$rootScope", "AlertsService", "AuthService", "SEJobService", "$interval", "$mdBottomSheet", function ($scope, $http, $modal, $log, $element, $rootScope, AlertsService, AuthService, SEJobService, $interval, $mdBottomSheet) {
    $rootScope.closeAlert = AlertsService.closeAlert;
    $scope.AuthService = AuthService;
    $scope.SEJobService = SEJobService;
    $scope.disableControls = false;
    $scope.isBusy = false;
    $scope.totalItems = 0;
    $scope.currentPage = 1;
    $scope.recordsPerPage = 10;
    $scope.fetchingData = false;
    $scope.tableStateRef = null;
    $scope.showListBottomSheet = function ($event) {
        $scope.alert = '';
        $mdBottomSheet.show({
            templateUrl: 'bottom-sheet-list-template.html',
            controller: 'ListBottomSheetCtrl',
            targetEvent: $event
        }).then(function (clickedItem) {
            $scope.alert = clickedItem['name'] + ' clicked!';
        });
    };
}
]);

  bundles.Add(new StyleBundle("~/Content/css").Include(
                      "~/Content/bootstrap.css",
                      "~/Content/font-awesome.min.css",
                      "~/Scripts/angular-loading/loading-bar.css",
                      "~/Scripts/nya-bs-select/nya-bs-select.min.css",
                      "~/Content/angular-ui-switch.css",
                      "~/Content/angular-material.min.css",
                      "~/Content/site.css"));

            bundles.Add(new ScriptBundle("~/bundles/angular")
                .Include("~/Scripts/angular.js",
                    "~/Scripts/angular-route.js",
                    "~/Scripts/angular-ui/ui-bootstrap-tpls.js",
                    "~/Scripts/AngularApp/app.js",
                    "~/Scripts/angular.animate.js",
                    "~/Scripts/angular.aria.js",
                    "~/Scripts/angular.material.js")
                .IncludeDirectory("~/app", "*.js", true)
                .Include("~/Scripts/smart-table/smart-table.js",
                "~/Scripts/angular-loading/loading-bar.js",
                "~/Scripts/nya-bs-select/nya-bs-select.min.js",
                "~/Scripts/moment.js"));

angular.module('bottomSheetDemo1', ['ngMaterial'])

var app = angular.module('PortalXApp', ["ngRoute", "ui.bootstrap", "ui.bootstrap.showErrors", "smart-table", "angular-loading-bar", "nya.bootstrap.select", "uiSwitch"]);

app.constant('USER_ROLES', {
    jobMasterDelete: "jobMasterDelete",
    jobMasterEdit: "jobMasterEdit",
    jobMasterView: "jobMasterView",

    jobTemplateDelete: "jobTemplateDelete",
    jobTemplateEdit: "jobTemplateEdit",
    jobTemplateRun: "jobTemplateRun",
    jobTemplateView: "jobTemplateView"
});

app.config(['$httpProvider', function ($httpProvider) {
    //initialize get if not there
    if (!$httpProvider.defaults.headers.get) {
        $httpProvider.defaults.headers.get = {};
    }
    //disable IE ajax request caching
    $httpProvider.defaults.headers.get['If-Modified-Since'] = 'Mon, 26 Jul 1997 05:00:00 GMT';
    // extra
    $httpProvider.defaults.headers.get['Cache-Control'] = 'no-cache';
    $httpProvider.defaults.headers.get['Pragma'] = 'no-cache';
}]);