当前位置: 首页 > 面试题库 >

未知提供者:$ modalProvider <-AngularJS中的$ modal错误

金赤岩
2023-03-14
问题内容

我在尝试实现Bootstrap Modal窗口时一直收到此错误。可能是什么原因造成的?我已经从http://angular-
ui.github.io/bootstrap/#/modal
复制/粘贴了所有内容。


问题答案:

当您为控制器,服务等编写依赖项时,还没有创建或包含该依赖项,就会发生这种错误。

在这种情况下,$modal不是已知的服务。听起来您在引导angular时没有将ui-
bootstrap作为依赖项传递。angular.module('myModule', ['ui.bootstrap']);另外,为html" target="_blank">安全起见,请确保您使用的是最新版本的ui-bootstrap(0.6.0)。

该错误在版本0.5.0中引发,但更新到0.6.0确实会使$ modal服务可用。因此,更新至版本0.6.0,并确保在注册模块时需要ui.boostrap。

回复您的评论: 这就是注入模块依赖项的方式。

<!-- tell Angular what module we are bootstrapping -->
<html ng-app="myApp" ng-controller="myCtrl">

js:

// create the module, pass in modules it depends on
var app = angular.module('myApp', ['ui.bootstrap']);

// $modal service is now available via the ui.bootstrap module we passed in to our module
app.controller('myCtrl', function($scope, $uibModal) {

});

更新:

$modal服务已重命名为$uibModal

使用$ uibModal的示例

// create the module, pass in modules it depends on
var app = angular.module('myApp', ['ui.bootstrap']);

// $modal service is now available via the ui.bootstrap module we passed in to our module
app.controller('myCtrl', function($scope, $uibModal) {
    //code here
});


 类似资料:
  • 问题内容: 我正在尝试在html页面中显示配置的值和角值服务中的版本代码,但显示的不是作者的名字,这是html代码 这是指令… 这是在其中配置和值的服务部分 我在开发人员控制台中遇到的错误是 问题答案: 确保将这些模块( myApp.services 和 myApp.directives )作为主要应用程序模块的依赖项加载,如下所示: 塞子: http ://plnkr.co/edit/wxuFx

  • 问题内容: 我试图通过遵循工厂方法文档中的示例来构建自己的服务。我认为我做错了,因为我继续遇到未知的提供程序错误。这是我的应用程序代码,包括声明,配置和工厂定义。 编辑我现在添加了所有文件以帮助解决问题 编辑该错误的完整详细信息在下面,问题似乎与getSettings有关,因为它正在寻找getSettingsProvider,但找不到它 这些是我目前在我的应用程序中拥有的所有文件 app.js 这

  • 问题内容: 我有一段时间想弄清楚为什么我在Angular中收到Unknownprovider错误。我检查了我可以在该主题上找到的所有其他问题,并且大多数都提出了依赖项注入中的错误。但是,在我看来,好像没有忘记注入任何东西。我一直在尝试使resolve属性像Misko的这篇文章一样工作。解决该问题后,我可以控制台注销员工数据,但是随后出现Unknown provider错误,这将阻止数据显示在页面上

  • 问题内容: 好吧,在我开始解决这个臭名昭著的问题之后,现在我正式秃头了:缩小的AngularJS应用程序无法正常工作,并抛出了以下错误: 错误:[$ injector:unpr]未知提供程序:aProvider <-a http://errors.angularjs.org/1.2.6/ $ injector / unpr?p0 = aProvider%20%3C-%20a位于http:// lo

  • 问题内容: 我将其他html文件作为模板包含在index.html中。为此,我正在使用ng-view指令。但是我遇到一个错误: 我使用的代码是: 这是控制器: 配置: 这是HTML: 我在哪里想念? 问题答案: 做完了 在大多数情况下,这将是angular-route的冲突,而angularjs存在冲突。之后,由于持续不断的循环请求,导致页面崩溃 每次看到“ /”,它都会重新重定向到同一页面,从而

  • 问题内容: 在以下代码示例中: 我收到类似“未知提供者$ cookieStore”的angularjs错误。 “ myApp”具有Dependenciy和“ ngCookies”,并且对angular-cookies.min.js进行了评分,那么该代码有什么问题? 那是我在.config中执行此操作的事实吗? 问题答案: 因为只能在配置时传递提供程序,所以我最终没有通过请求转换器而是通过将服务创建