angular-ui maps javascript error
- by Will Lopez
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!