0

我正在使用angularjs/ angular-ui和groovy&grails。

我有以下配置

1) 我ApplicationResources.groovy的是 

    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' }

2) ngular-app 模块(user/app.js) 是 

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

3)user/controller/KnowledgeController.js

KnowledgeController.$inject = [ '$scope', '$http', 'knowledgeService'];

4 ）布局user.gsp是ng-app 

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

5 )knowledge.gsp是ng-controller

   <html>
            <head>
                    <meta name="layout" content="user">
            </head>
    <body>
    <div id="controller" class="container-fluid" ng-controller="KnowledgeController">
    <g:form id="uploadKnowledge" enctype="multipart/form-data">
    <fieldset class="gray">
            <div>
              <label for="name">Knowledge Name </label>
              <input type="text" name="name" ng-model="knowledge.name" ui-jq="tooltip" title="Knowledge name" required/>
            </div>
    </div>
 <r:require modules="angularUserApp" />
 <r:require modules="bootstrapJs" />
 <r:require modules="userJs" />
 <r:require modules="angularJs" /> 
 <r:require modules="angularStrap" />
    </body>
    </html>

呈现 Knowledge.gsp 时，出现以下错误 

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)

我可以看到正确加载了 angular-ui https://cdnjs.cloudflare.com/ajax/libs/angular-ui/0.4.0/angular-ui.min.js（屏幕截图如下）。

Angular-UI

4

0 回答 0