No controller: tabset

[RichardAlan]

I am using the new <tabset> as follows:

<tabset>
    <tab heading="Question">
        <textarea 
            data-ui-tinymce 
            data-ng-model="formData.title" 
            style="width:400px; height:200px">
        </textarea>
    </tab>
    <tab>
        <label>Question</label>
        <input class="input-medium" data-ng-disabled="action=='delete'" data-ng-model="tab.text" id="Text1" required type="text">
    </tab>
    <tab ng-repeat="tab in formData.answers" heading="{{$index + 1}}" active="tab.active" disabled="tab.disabled">
        <label for="inputName">Answer {{$index + 1}}</label>
        <textarea data-ui-tinymce data-ng-model="tab.text" style="width:400px; height:200px"></textarea>
        <input type="checkbox" data-ng-model="tab.correct">
    </tab>
</tabset>

The code is working okay but I see in the console the following error message. I have tried to look into what is wrong but I can see nothing wrong with my code. I have tried the plnkr for tabs and this works fine.

Error: No controller: tabset
    at Error (<anonymous>)
    at getControllers (http://127.0.0.1:81/Scripts/angular-1.0.7.js:4278:19)
    at nodeLinkFn (http://127.0.0.1:81/Scripts/angular-1.0.7.js:4407:35)
    at delayedNodeLinkFn (http://127.0.0.1:81/Scripts/angular-1.0.7.js:4559:11)
    at compositeLinkFn (http://127.0.0.1:81/Scripts/angular-1.0.7.js:4003:15)
    at publicLinkFn (http://127.0.0.1:81/Scripts/angular-1.0.7.js:3920:30)
    at Object.ngRepeatWatch (http://127.0.0.1:81/Scripts/angular-1.0.7.js:13725:13)
    at Object.$RootScopeProvider.$get.Scope.$digest (http://127.0.0.1:81/Scripts/angular-1.0.7.js:7935:38)
    at Object.$RootScopeProvider.$get.Scope.$apply (http://127.0.0.1:81/Scripts/angular-1.0.7.js:8143:24)
    at HTMLDivElement.<anonymous> (http://127.0.0.1:81/Scripts/angular-1.0.7.js:12986:17) <li ng-class="{active: active, disabled: disabled}" ng-repeat="tab in formData.answers" heading="{{$index + 1}}" active="tab.active" disabled="disabled" class="ng-scope"> angular-1.0.7.js:5754

[ajoslin]

Could you try to reproduce this in a plunker? I have a suspicion.

On Saturday, June 29, 2013, RichardAlan wrote:

I am using the new as follows:

<textarea data-ui-tinymce data-ng-model="formData.title" style="width:400px; height:200px"> </textarea> Question Answer {{$index + 1}} <textarea data-ui-tinymce data-ng-model="tab.text" style="width:400px; height:200px"></textarea>

The code is working okay but I see in the console the following error
message. I have tried to look into what is wrong but I can see nothing
wrong with my code. I have tried the plnkr for tabs and this works fine.

Error: No controller: tabset
at Error ()
at getControllers (http://127.0.0.1:81/Scripts/angular-1.0.7.js:4278:19)
at nodeLinkFn (http://127.0.0.1:81/Scripts/angular-1.0.7.js:4407:35)
at delayedNodeLinkFn (http://127.0.0.1:81/Scripts/angular-1.0.7.js:4559:11)
at compositeLinkFn (http://127.0.0.1:81/Scripts/angular-1.0.7.js:4003:15)
at publicLinkFn (http://127.0.0.1:81/Scripts/angular-1.0.7.js:3920:30)
at Object.ngRepeatWatch (http://127.0.0.1:81/Scripts/angular-1.0.7.js:13725:13)
at Object.$RootScopeProvider.$get.Scope.$digest (http://127.0.0.1:81/Scripts/angular-1.0.7.js:7935:38)
at Object.$RootScopeProvider.$get.Scope.$apply (http://127.0.0.1:81/Scripts/angular-1.0.7.js:8143:24)
at HTMLDivElement. (http://127.0.0.1:81/Scripts/angular-1.0.7.js:12986:17)

angular-1.0.7.js:5754

I have tried the

—
Reply to this email directly or view it on GitHubhttps://github.com/No controller: tabset #597
.

[RichardAlan]

Sorry I found out the problem was caused by the following left over test code that appeared at the bottom of my page:

<tab ng-repeat="tab in formData.answers" heading="{{$index + 1}}" active="tab.active" disabled="tab.disabled">
        xx
</tab>

[narkisr]

Note sure what the issue was for Alan, Im having the same issue with ng-switch:

<div>     
  <p>     
   <tabset >
      <tab heading="Machine">  
        <div  ng-switch on="hypervisor">
          <div ng-switch-when="proxmox">Settings Div</div>
        </div>  
       </tab>
    <tab> 
      foo 
    </tab>
  </tabset>
  </p>    
</div>

With exception:

o controller: tabset
    at Error (<anonymous>)
    at getControllers (https://localhost:8443/vendor/angular/angular.js:4454:19)
    at nodeLinkFn (https://localhost:8443/vendor/angular/angular.js:4583:35)
    at https://localhost:8443/vendor/angular/angular.js:4718:13
    at https://localhost:8443/vendor/angular/angular.js:9137:11
    at wrappedCallback (https://localhost:8443/vendor/angular/angular.js:6995:59)
    at https://localhost:8443/vendor/angular/angular.js:7032:26
    at Object.Scope.$eval (https://localhost:8443/vendor/angular/angular.js:8218:28)
    at Object.Scope.$digest (https://localhost:8443/vendor/angular/angular.js:8077:25)
    at Object.Scope.$apply (https://localhost:8443/vendor/angular/angular.js:8304:24) <li ng-class="{active: active, disabled: disabled}">