angular-ui maps javascript error

Posted by Will Lopez on Stack Overflow See other posts from Stack Overflow or by Will Lopez
Published on 2014-06-04T13:31:45Z Indexed on 2014/06/04 21:25 UTC
Read the original article Hit count: 584

Filed under:

I'm having an issue with angularui. This error came from angular-google-maps.js:

Error: [$compile:ctreq] Controller 'googleMap', required by directive 'rectangle',  can't be found!
 http://errors.angularjs.org/1.2.16/$compile/ctreq?p0=googleMap&p1=rectangle
 at http://localhost:62874/Scripts/angular.js:78:12
 at getControllers (http://localhost:62874/Scripts/angular.js:6409:19)
 at nodeLinkFn (http://localhost:62874/Scripts/angular.js:6580:35)
 at compositeLinkFn (http://localhost:62874/Scripts/angular.js:5986:15)
 at compositeLinkFn (http://localhost:62874/Scripts/angular.js:5989:13)
 at compositeLinkFn (http://localhost:62874/Scripts/angular.js:5989:13)
 at nodeLinkFn (http://localhost:62874/Scripts/angular.js:6573:24)
 at compositeLinkFn (http://localhost:62874/Scripts/angular.js:5986:15)
 at Scope.publicLinkFn [as $transcludeFn]   (http://localhost:62874/Scripts/angular.js:5891:30)
 at link (http://localhost:62874/Scripts/ui-bootstrap-tpls-0.12.0.min.js:9:8037) <div   class="rectangle grid-style ng-scope ng-isolate-scope" data-ng-grid="pipelineGrid">

I'm a little confused because the controller isn't trying to inject the angular-ui map directive:

appRoot.controller('PipelineController', ["$scope", "$location", "$resource", function ($scope, $location, $resource) {
...

Here's the html:

<div class="container">
<tabset>
   <tab heading="Upload File">
        <p>Tab 1 content</p>
  </tab>
  <tab heading="Data Maintenance">
      Tab 2 content
      <div ng-controller="PipelineController">
         <div id="mapFilter" class="panel panel-default">
            <div class="panel-heading text-right">
                <div class="input-group">
                    <input type="text" class="form-control" ng-  model="pipelineGrid.filterOptions.filterText" placeholder="enter filter" />
                    <span class="input-group-addon"><span class="glyphicon glyphicon-  filter"></span></span>
                </div>
            </div>
            <div class="panel-body">
                <div class="rectangle grid-style" data-ng-grid="pipelineGrid">
                </div>
            </div>
         </div>
    </div>
    </tab>
</tabset>
</div>  

Thank you!

© Stack Overflow or respective owner

Related posts about angular-ui-map