Databases
StackOverflow2013
Postsdbo
POError: No controller in directive
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POError: No controller in directive
    primarykey
    data
    text
    <p>Folks, I am an AngularJS newbie and I am trying to create a basic HTML hierarchy bound to a model hierarchy using Angular. My top-level module looks like this:</p> <p>angular.module('fooApp', ['ngResource', 'myList']) which is declared as ng-app="fooApp" at the root div for my page.</p> <p>I then have HTML that looks like this in my page:</p> <pre><code>&lt;my-item-list/&gt; </code></pre> <p>I have a second module that looks like this:</p> <pre><code>var myList = angular.module('myList', []); myList.directive('myItemList', function factory() { var directiveDefinitionObject = { priority: 0, templateUrl: '/assets/partials/my-item-list.html', replace: false, transclude: false, restrict: 'E', scope: false, controller: function($scope, $element, $attrs, $transclude) { // No Op $scope.foo = 'bar'; }, compile: function compile(tElement, tAttrs, transclude) { return { pre: function preLink(scope, iElement, iAttrs, controller) { // No Op }, post: function postLink(scope, iElement, iAttrs, controller) { // No OP } } }, link: function postLink(scope, iElement, iAttrs) { // No Op } }; return directiveDefinitionObject; }); </code></pre> <p>The partial HTML template just contains a table and an ng-repeat on a tag. The template renders just fine, but my JavaScript console contains :</p> <pre><code>Error: No controller: myItemList at Error (&lt;anonymous&gt;) at h (http://localhost:9000/assets/javascripts/angular.min.js:41:458) at i (http://localhost:9000/assets/javascripts/angular.min.js:43:415) at http://localhost:9000/assets/javascripts/angular.min.js:48:191 at http://localhost:9000/assets/javascripts/angular.min.js:94:307 at h (http://localhost:9000/assets/javascripts/angular.min.js:78:33) at http://localhost:9000/assets/javascripts/angular.min.js:78:266 at Object.e.$eval (http://localhost:9000/assets/javascripts/angular.min.js:88:347) at Object.e.$digest (http://localhost:9000/assets/javascripts/angular.min.js:86:198) at Object.e.$apply (http://localhost:9000/assets/javascripts/angular.min.js:88:506) &lt;my-item-list&gt; </code></pre> <p>I intend for the nesting to increase (e.g. replace the in the HTML partial template with another directive and I really need to figure out what I'm doing wrong. It feels like I'm doing some kind of newbie mistake. Whenever I add a 'require' attribute to my directive definition, I get the same "no controller" error message, but with the name of whatever I required (even if I try and require ngRepeat or the page's master controller).</p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USLangdon
    1. USKevin Hoffman
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POError: No controller in directive
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. POError: No controller in directive
      1. USMax
      1. VTFavorite
    1. COSet up a plnkr that reproduces your issue... works fine in jsFiddle (which minor changes made): http://jsfiddle.net/EZy2F/. Do you have `ng-controller` specified anywhere?
      singulars
      1. POError: No controller in directive
      1. USLangdon
    2. CORemember this is more than just a top-level directive. My ng-app is on a div, and I have ng-controller specified on the same top-level div. The main app module has a controller that models the model. The second module (myList) contains the single directive, which has a template URL not a template.
      singulars
      1. POError: No controller in directive
      1. USKevin Hoffman
    3. COSo, when I take the HTML from my template URL file and place it directly in the template: parameter, all works fine. I only get the "no controller" error message when I use a template URL
      singulars
      1. POError: No controller in directive
      1. USKevin Hoffman
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload