Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/21.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
Javascript 当我在控制器中使用ui.bootstrap时,Angular提供空白页_Javascript_Angularjs_Twitter Bootstrap_Angular Ui Bootstrap - Fatal编程技术网

Javascript 当我在控制器中使用ui.bootstrap时,Angular提供空白页

Javascript 当我在控制器中使用ui.bootstrap时,Angular提供空白页,javascript,angularjs,twitter-bootstrap,angular-ui-bootstrap,Javascript,Angularjs,Twitter Bootstrap,Angular Ui Bootstrap,当我尝试在控制器中添加依赖项并使用grunt serve启动服务器时,我尝试使用angular引导。我得到一个空白页。请查看屏幕截图中的bower组件 当我尝试在angular.module('kbv1App',['ui.bootstrap'])控制器中使用它时如果我删除[ui.bootstrap]它工作正常 你知道会有什么问题吗 更新。控制台错误 [$injector:modulerr] Failed to instantiate module ui.bootstrap due to: [$

当我尝试在控制器中添加依赖项并使用grunt serve启动服务器时,我尝试使用angular引导。我得到一个空白页。请查看屏幕截图中的bower组件

当我尝试在
angular.module('kbv1App',['ui.bootstrap'])控制器中使用它时
如果我删除
[ui.bootstrap]
它工作正常

你知道会有什么问题吗

更新。控制台错误

[$injector:modulerr] Failed to instantiate module ui.bootstrap due to: [$injector:nomod] Module 'ui.bootstrap' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument. http://errors.angularjs.org/1.2.18/$injector/nomod?p0=ui.bootstrap minErr/<@http://localhost:9000/bower_components/angular/angular.js:78:5 setupModuleLoader/</module/<@http://localhost:9000/bower_components/angular/angular.js:1645:1 ensure@http://localhost:9000/bower_components/angular/angular.js:1567:5 module@http://localhost:9000/bower_components/angular/angular.js:1641:7 createInjector/loadModules/<@http://localhost:9000/bower_components/angular/angular.js:3817:11 forEach@http://localhost:9000/bower_components/angular/angular.js:320:7 loadModules@http://localhost:9000/bower_components/angular/angular.js:3811:5 createInjector/loadModules/<@http://localhost:9000/bower_components/angular/angular.js:3818:11 forEach@http://localhost:9000/bower_components/angular/angular.js:320:7 loadModules@http://localhost:9000/bower_components/angular/angular.js:3811:5 createInjector@http://localhost:9000/bower_components/angular/angular.js:3751:3 bootstrap/doBootstrap@http://localhost:9000/bower_components/angular/angular.js:1410:1 bootstrap@http://localhost:9000/bower_components/angular/angular.js:1425:5 angularInit@http://localhost:9000/bower_components/angular/angular.js:1338:5 @http://localhost:9000/bower_components/angular/angular.js:21713:5 jQuery.Callbacks/fire@http://localhost:9000/bower_components/jquery/dist/jquery.js:3119:1 jQuery.Callbacks/self.fireWith@http://localhost:9000/bower_components/jquery/dist/jquery.js:3231:7 .ready@http://localhost:9000/bower_components/jquery/dist/jquery.js:3443:3 completed@http://localhost:9000/bower_components/jquery/dist/jquery.js:3474:3
[$injector:modulerr]未能实例化模块ui.bootstrap,原因是:[$injector:nomod]模块“ui.bootstrap”不可用!您要么拼错了模块名,要么忘记加载它。如果注册模块,请确保将依赖项指定为第二个参数。http://errors.angularjs.org/1.2.18/$injector/nomod?p0=ui.bootstrap miner/
“angular bootstrap”组件应该有两个javascript文件:
bower_组件/角度引导/ui-bootstrap.js
bower_组件/角度引导/ui-bootstrap-tpls.js
您只包括模板。
编辑:在注释中更正

为便于调试,您将看到完整的错误消息,而不是
未捕获对象

“angular bootstrap”组件应该有两个javascript文件: bower_组件/角度引导/ui-bootstrap.js bower_组件/角度引导/ui-bootstrap-tpls.js 您只包括模板。 编辑:在注释中更正

为便于调试,您将看到完整的错误消息,而不是
未捕获对象

“angular bootstrap”组件应该有两个javascript文件: bower_组件/角度引导/ui-bootstrap.js bower_组件/角度引导/ui-bootstrap-tpls.js 您只包括模板。 编辑:在注释中更正

为便于调试,您将看到完整的错误消息,而不是
未捕获对象

“angular bootstrap”组件应该有两个javascript文件: bower_组件/角度引导/ui-bootstrap.js bower_组件/角度引导/ui-bootstrap-tpls.js 您只包括模板。 编辑:在注释中更正


为便于调试,您将看到完整的错误消息,而不是
未捕获对象

人们使用
角度ui引导
的原因是避免使用
jquery
bootstrap.js
(依赖于jquery)并选择角度解决方案。所以我想让这个应用程序运行的第一个尝试是

  • 从页面中删除
    jquery.js
    jquery ui.js
    bootstrap.js
  • 首先从简单的角度+角度UI引导开始。如果您想熟悉指令用法,请尝试中的一些示例
  • 然后,如果确实需要,只需稍后再添加
    jquery
    。但根据我的经验,如果你坚持使用角度编码的方式,你就不需要这样做了。如果您来自强大的
    jquery
    背景,并且刚开始在Angular上编码,我建议您阅读以下内容:

    • 人们使用
      角度ui引导的原因是避免使用
      jquery
      bootstrap.js
      (依赖于jquery)并选择角度解决方案。所以我想让这个应用程序运行的第一个尝试是

      • 从页面中删除
        jquery.js
        jquery ui.js
        bootstrap.js
      • 首先从简单的角度+角度UI引导开始。如果您想熟悉指令用法,请尝试中的一些示例
      • 然后,如果确实需要,只需稍后再添加
        jquery
        。但根据我的经验,如果你坚持使用角度编码的方式,你就不需要这样做了。如果您来自强大的
        jquery
        背景,并且刚开始在Angular上编码,我建议您阅读以下内容:

        • 人们使用
          角度ui引导的原因是避免使用
          jquery
          bootstrap.js
          (依赖于jquery)并选择角度解决方案。所以我想让这个应用程序运行的第一个尝试是

          • 从页面中删除
            jquery.js
            jquery ui.js
            bootstrap.js
          • 首先从简单的角度+角度UI引导开始。如果您想熟悉指令用法,请尝试中的一些示例
          • 然后,如果确实需要,只需稍后再添加
            jquery
            。但根据我的经验,如果你坚持使用角度编码的方式,你就不需要这样做了。如果您来自强大的
            jquery
            背景,并且刚开始在Angular上编码,我建议您阅读以下内容:

            • 人们使用
              角度ui引导的原因是避免使用
              jquery
              bootstrap.js
              (依赖于jquery)并选择角度解决方案。所以我想让这个应用程序运行的第一个尝试是

              • 从页面中删除
                jquery.js
                jquery ui.js
                bootstrap.js
              • 首先从简单的角度+角度UI引导开始。如果您想熟悉指令用法,请尝试中的一些示例
              • 然后,如果确实需要,只需稍后再添加
                jquery
                。但根据我的经验,如果你坚持使用角度编码的方式,你就不需要这样做了。如果您来自强大的
                jquery
                背景,并且刚开始在Angular上编码,我建议您阅读以下内容:

                • 在主app.js上添加
                  ['ui.bootstrap']
                  在主app.js上添加
                  ['ui.bootstrap']
                  在主app.js上添加
                  ['ui.bootstrap']
                  ,在主app.js上添加
                  ['ui.bootstrap']
                  ,每当出现此类错误时,您是否应该