Fatal编程技术网
  • javascript/
  • Javascript angularjs-错误：ui jq:The；工具提示“；函数不存在

Javascript angularjs-错误：ui jq:The；工具提示“；函数不存在

javascript angularjs grails

Javascript angularjs-错误：ui jq:The；工具提示“；函数不存在,javascript,angularjs,grails,Javascript,Angularjs,Grails,我将angularjs/与groovy和grails一起使用 我有以下配置 1）MyApplicationResources.groovyis angularJs { resource url:'https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular.min.js' } angularUI { dependsOn 'angularJs' depen

我将angularjs/与groovy和grails一起使用

我有以下配置 1）My
ApplicationResources.groovy
is

    angularJs { 
       resource url:'https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular.min.js' 
    }

    angularUI {
        dependsOn 'angularJs'
        dependsOn 'jQuery'
        resource url:'https://cdnjs.cloudflare.com/ajax/libs/angular-ui/0.4.0/angular-ui.min.css',attrs:[rel: "stylesheet", type:'css']
        resource url:'https://cdnjs.cloudflare.com/ajax/libs/angular-ui/0.4.0/angular-ui.min.js'
        resource url:'https://cdnjs.cloudflare.com/ajax/libs/angular-ui/0.4.0/angular-ui-ieshiv.min.js'
      }

    angularStrap {
        dependsOn 'angularJs'
        dependsOn 'bootstrapJs'
        dependsOn 'datepicker'
        resource url: 'js/angular-strap/angular-strap.min.js'
        resource url: 'js/angular-strap/timepicker.js'
      }

      angularUserApp {
        dependsOn 'angularResources'
        dependsOn 'angularUI'
        dependsOn 'angularStrap'
        resource url:'js/angular-app/user/app.js'

        resource url:'js/angular-app/user/controller/KnowledgeController.js'
        resource url:'js/angular-app/user/service/KnowledgeService.js'
      }

      userJs { resource url:'js/user.js' }

var user = angular.module('user', [ 'ui', '$strap.directives' ]);
user.value('ui.config', {
  jq : {
    tooltip : {
      placement : 'bottom'
    }
  }
});

<html ng-app="user" lang="en">
<!-- other code goes here -->
</html>

Error: ui-jq: The "tooltip" function does not exist
    at Object.compile (https://cdnjs.cloudflare.com/ajax/libs/angular-ui/0.4.0/angular-ui.min.js:7:5102)
    at ja (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular.min.js:49:236)
    at V (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular.min.js:41:488)
    at V (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular.min.js:42:70)
    at V (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular.min.js:42:70)
    at V (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular.min.js:42:70)
    at V (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular.min.js:42:70)
    at V (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular.min.js:42:70)
    at V (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular.min.js:42:70)
    at V (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular.min.js:42:70)
2）ngular应用程序模块（user/app.js）是

    angularJs { 
       resource url:'https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular.min.js' 
    }

    angularUI {
        dependsOn 'angularJs'
        dependsOn 'jQuery'
        resource url:'https://cdnjs.cloudflare.com/ajax/libs/angular-ui/0.4.0/angular-ui.min.css',attrs:[rel: "stylesheet", type:'css']
        resource url:'https://cdnjs.cloudflare.com/ajax/libs/angular-ui/0.4.0/angular-ui.min.js'
        resource url:'https://cdnjs.cloudflare.com/ajax/libs/angular-ui/0.4.0/angular-ui-ieshiv.min.js'
      }

    angularStrap {
        dependsOn 'angularJs'
        dependsOn 'bootstrapJs'
        dependsOn 'datepicker'
        resource url: 'js/angular-strap/angular-strap.min.js'
        resource url: 'js/angular-strap/timepicker.js'
      }

      angularUserApp {
        dependsOn 'angularResources'
        dependsOn 'angularUI'
        dependsOn 'angularStrap'
        resource url:'js/angular-app/user/app.js'

        resource url:'js/angular-app/user/controller/KnowledgeController.js'
        resource url:'js/angular-app/user/service/KnowledgeService.js'
      }

      userJs { resource url:'js/user.js' }

var user = angular.module('user', [ 'ui', '$strap.directives' ]);
user.value('ui.config', {
  jq : {
    tooltip : {
      placement : 'bottom'
    }
  }
});

<html ng-app="user" lang="en">
<!-- other code goes here -->
</html>

Error: ui-jq: The "tooltip" function does not exist
    at Object.compile (https://cdnjs.cloudflare.com/ajax/libs/angular-ui/0.4.0/angular-ui.min.js:7:5102)
    at ja (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular.min.js:49:236)
    at V (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular.min.js:41:488)
    at V (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular.min.js:42:70)
    at V (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular.min.js:42:70)
    at V (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular.min.js:42:70)
    at V (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular.min.js:42:70)
    at V (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular.min.js:42:70)
    at V (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular.min.js:42:70)
    at V (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular.min.js:42:70)
3）
user/controller/KnowledgeController.js

KnowledgeController.$inject = [ '$scope', '$http', 'knowledgeService'];
4）布局
user.gsp
和
ng应用程序
is

    angularJs { 
       resource url:'https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular.min.js' 
    }

    angularUI {
        dependsOn 'angularJs'
        dependsOn 'jQuery'
        resource url:'https://cdnjs.cloudflare.com/ajax/libs/angular-ui/0.4.0/angular-ui.min.css',attrs:[rel: "stylesheet", type:'css']
        resource url:'https://cdnjs.cloudflare.com/ajax/libs/angular-ui/0.4.0/angular-ui.min.js'
        resource url:'https://cdnjs.cloudflare.com/ajax/libs/angular-ui/0.4.0/angular-ui-ieshiv.min.js'
      }

    angularStrap {
        dependsOn 'angularJs'
        dependsOn 'bootstrapJs'
        dependsOn 'datepicker'
        resource url: 'js/angular-strap/angular-strap.min.js'
        resource url: 'js/angular-strap/timepicker.js'
      }

      angularUserApp {
        dependsOn 'angularResources'
        dependsOn 'angularUI'
        dependsOn 'angularStrap'
        resource url:'js/angular-app/user/app.js'

        resource url:'js/angular-app/user/controller/KnowledgeController.js'
        resource url:'js/angular-app/user/service/KnowledgeService.js'
      }

      userJs { resource url:'js/user.js' }

var user = angular.module('user', [ 'ui', '$strap.directives' ]);
user.value('ui.config', {
  jq : {
    tooltip : {
      placement : 'bottom'
    }
  }
});

<html ng-app="user" lang="en">
<!-- other code goes here -->
</html>

Error: ui-jq: The "tooltip" function does not exist
    at Object.compile (https://cdnjs.cloudflare.com/ajax/libs/angular-ui/0.4.0/angular-ui.min.js:7:5102)
    at ja (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular.min.js:49:236)
    at V (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular.min.js:41:488)
    at V (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular.min.js:42:70)
    at V (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular.min.js:42:70)
    at V (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular.min.js:42:70)
    at V (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular.min.js:42:70)
    at V (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular.min.js:42:70)
    at V (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular.min.js:42:70)
    at V (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular.min.js:42:70)
呈现knowledge.gsp时，我得到以下错误

    angularJs { 
       resource url:'https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular.min.js' 
    }

    angularUI {
        dependsOn 'angularJs'
        dependsOn 'jQuery'
        resource url:'https://cdnjs.cloudflare.com/ajax/libs/angular-ui/0.4.0/angular-ui.min.css',attrs:[rel: "stylesheet", type:'css']
        resource url:'https://cdnjs.cloudflare.com/ajax/libs/angular-ui/0.4.0/angular-ui.min.js'
        resource url:'https://cdnjs.cloudflare.com/ajax/libs/angular-ui/0.4.0/angular-ui-ieshiv.min.js'
      }

    angularStrap {
        dependsOn 'angularJs'
        dependsOn 'bootstrapJs'
        dependsOn 'datepicker'
        resource url: 'js/angular-strap/angular-strap.min.js'
        resource url: 'js/angular-strap/timepicker.js'
      }

      angularUserApp {
        dependsOn 'angularResources'
        dependsOn 'angularUI'
        dependsOn 'angularStrap'
        resource url:'js/angular-app/user/app.js'

        resource url:'js/angular-app/user/controller/KnowledgeController.js'
        resource url:'js/angular-app/user/service/KnowledgeService.js'
      }

      userJs { resource url:'js/user.js' }

var user = angular.module('user', [ 'ui', '$strap.directives' ]);
user.value('ui.config', {
  jq : {
    tooltip : {
      placement : 'bottom'
    }
  }
});

<html ng-app="user" lang="en">
<!-- other code goes here -->
</html>

Error: ui-jq: The "tooltip" function does not exist
    at Object.compile (https://cdnjs.cloudflare.com/ajax/libs/angular-ui/0.4.0/angular-ui.min.js:7:5102)
    at ja (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular.min.js:49:236)
    at V (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular.min.js:41:488)
    at V (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular.min.js:42:70)
    at V (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular.min.js:42:70)
    at V (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular.min.js:42:70)
    at V (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular.min.js:42:70)
    at V (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular.min.js:42:70)
    at V (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular.min.js:42:70)
    at V (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular.min.js:42:70)
我可以看到有角度的ui
https://cdnjs.cloudflare.com/ajax/libs/angular-ui/0.4.0/angular-ui.min.js
正确加载（下面提供了屏幕截图）

您是否已将
ui
提供者注入应用程序模块？angular应用程序看起来怎么样？它应该看起来像
angular.module（“用户”['ui']）
是的，我已经将应用程序模块（在
js/angular-app/user/app.js
中）定义为
var-user=angular.module（'user'，['ui'，'$strap.directives'）