Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/xml/13.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs ui引导$modal导致错误:[$injector:unpr]_Angularjs_Angular Ui Bootstrap - Fatal编程技术网

Angularjs ui引导$modal导致错误:[$injector:unpr]

Angularjs ui引导$modal导致错误:[$injector:unpr],angularjs,angular-ui-bootstrap,Angularjs,Angular Ui Bootstrap,我不熟悉angularjs和ui bootstrap 13,需要一些帮助 我从W angularjs注入器得到一个未解决的问题,不知道为什么 模块定义如下所示: var app = angular.module('MobileCOP', [ "ngRoute", "ngTouch", "mobile-angular-ui", "ui.bootstrap"]); app.controller('CDRserver',['$rootScope','$scope','$location','serv

我不熟悉angularjs和ui bootstrap 13,需要一些帮助

我从W angularjs注入器得到一个未解决的问题,不知道为什么

模块定义如下所示:

var app = angular.module('MobileCOP', [
"ngRoute",
"ngTouch",
"mobile-angular-ui",
"ui.bootstrap"]);
app.controller('CDRserver',['$rootScope','$scope','$location','serverList','$modal',

    function($rootScope, $scope, $location, serverList, $modal ){
控制器如下所示:

var app = angular.module('MobileCOP', [
"ngRoute",
"ngTouch",
"mobile-angular-ui",
"ui.bootstrap"]);
app.controller('CDRserver',['$rootScope','$scope','$location','serverList','$modal',

    function($rootScope, $scope, $location, serverList, $modal ){
我所需要做的就是将$modal注入控制器中。我没有在代码中引用模态,只是将模态服务添加到控制器中导致了问题。删除服务后,错误停止

我想我错过了一些明显的东西

编辑“根据请求”,在html中显示控制器分配:

.when(“/cdrquery”{ templateUrl:“/MobileCOP/tmpl/CDRlist.html”, 控制器:“CDRList” })

错误:

[$injector:unpr] http://errors.angularjs.org/1.2.15/$injector/unpr?p0=%24templateRequestProvider%20%3C-%20%24templateRequest%20%3C-%20%24modal
z/<@http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js:6:450
Zb/l.$injector<@http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js:34:1
c@http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js:33:83
Zb/q.$injector<@http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js:35:57
c@http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js:33:83
d@http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js:33:300
Zb/q.$injector<@http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js:35:75
c@http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js:33:83
d@http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js:33:300
f/<.instantiate@http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js:33:464
Md/this.$get</<@http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js:65:484
z/<.link@http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular-route.min.js:7:248
J@http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js:52:492
h@http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js:46:28
ba/<@http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js:45:200
Z/<@http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js:46:431
q@http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js:50:162
v@http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular-route.min.js:6:357
Wd/this.$get</h.prototype.$broadcast@http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js:110:279
l/<@http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular-route.min.js:11:177
ve/e/l.promise.then/H@http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js:96:513
ve/e/l.promise.then/H@http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js:96:513
ve/f/<.then/<@http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js:98:173
Wd/this.$get</h.prototype.$eval@http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js:108:36
Wd/this.$get</h.prototype.$digest@http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js:105:323
Wd/this.$get</h.prototype.$apply@http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js:108:368
g@http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js:71:118
C@http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js:75:241
re/</y.onreadystatechange@http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js:76:280
<ng-view class="app-content ng-scope">
[$injector:unpr]http://errors.angularjs.org/1.2.15/$injector/unpr?p0=%24templateRequestProvider%20%3C-%20%24templateRequest%20%3C-%20%24modal
z/

您似乎没有使用启用模板的ui引导库版本。从ui引导库:

名称中带有-tpls-的dist文件与$templateCache中捆绑的模板一起提供。您可以通过检查来检查捆绑的工作方式。这里的重点是,模板是分发文件的一部分,因此您不需要单独下载。此外,这些模板预加载了JS文件,因此浏览器可以在运行时不请求它们

总之,要使modal等支持模板的模块工作,您需要加载脚本
ui-bootstrap-tpls-0.13.0.js


templateRequestProvider为
$modal
查找不在模板缓存中的模板时,您遇到的错误来自
templateRequestProvider。

您似乎没有使用启用模板的ui引导库版本。从ui引导:

名称中带有-tpls-的dist文件与$templateCache中捆绑的模板一起提供。您可以通过检查来检查捆绑的工作方式。这里的重点是,模板是分发文件的一部分,因此您不需要单独下载。此外,这些模板预加载了JS文件,因此浏览器可以在运行时不请求它们

总之,要使modal等支持模板的模块工作,您需要加载脚本
ui-bootstrap-tpls-0.13.0.js


templateRequestProvider为
$modal
查找不在模板缓存中的模板时,您遇到的错误来自
templateRequestProvider。

您似乎没有使用启用模板的ui引导库版本。从ui引导:

名称中带有-tpls-的dist文件与$templateCache中捆绑的模板一起提供。您可以通过检查来检查捆绑的工作方式。这里的重点是,模板是分发文件的一部分,因此您不需要单独下载。此外,这些模板预加载了JS文件,因此浏览器可以在运行时不请求它们

总之,要使modal等支持模板的模块工作,您需要加载脚本
ui-bootstrap-tpls-0.13.0.js


templateRequestProvider为
$modal
查找不在模板缓存中的模板时,您遇到的错误来自
templateRequestProvider。

您似乎没有使用启用模板的ui引导库版本。从ui引导:

名称中带有-tpls-的dist文件与$templateCache中捆绑的模板一起提供。您可以通过检查来检查捆绑的工作方式。这里的重点是,模板是分发文件的一部分,因此您不需要单独下载。此外,这些模板预加载了JS文件,因此浏览器可以在运行时不请求它们

总之,要使modal等支持模板的模块工作,您需要加载脚本
ui-bootstrap-tpls-0.13.0.js



您收到的错误来自
templateRequestProvider
,当它为
$modal
查找不在模板缓存中的模板时。

确定解决了问题。确定解决了问题。strap-tpls-0.13.0.js与angularjs 1.2.15不兼容。升级到1.3.14后,错误消失。

OK清除了问题。..ui-bootstrap-tpls-0.13.0.js与angularjs 1.2.15不兼容。升级到1.3.14后,错误消失。

OK清除了问题。

ui-bootstrap-tpls-0.13.0.0.js与angularjs 1.2.15不兼容。升级到1.2.15.3.14,错误消失。

您能在HTML中显示脚本加载的顺序吗?请附加一个错误。例如,它可能缺少用于ui的tpl文件。Bootstrap加载脚本的不是HTML,而是显示模板URL的随机javascript路由代码。您遇到的错误通常是之所以使用,是因为您以不正确的顺序引用了
标记。请在HTML中显示您的
标记所在的位置。我认为加载顺序是正确的。angularjs代码的顺序看起来是正确的。您能在HTML中显示脚本加载的顺序吗?请附加一个错误。例如,可能缺少ui.bootstraptha的tpl文件这不是加载脚本的HTML,而是显示模板URL的随机javascript路由代码。您遇到的错误最常见的原因是您以不正确的顺序引用了
标记。将HTML显示在
标记的位置。我认为加载顺序是正确的。angularjs公司de的顺序正确。能否在HTML中显示脚本的加载顺序?请附加一个错误。例如,可能是缺少ui的tpl文件。Bootstrapt不是