2016-04-19 11 views
1

Ich verwende Registerkarten in einer HTML-Seite und ich versuche, einen Controller für jede Registerkarte zu deklarieren.einen Controller für jede Registerkarte deklarieren

<div class="tab-content"> 
    <div class="tab-pane active" id="customerInfo"> 
     @customerList() 
    </div> 
    <div class="tab-pane" id="communities"> 
     @communityList() 
</div> 

Zum ersten Registerkarte erkläre ich mein Controller in „Kundenliste“ wie folgt aus:

<div class="block full" ng-controller="customerCtrl"> 

und ich versuchte, die gleiche Sache mit der zweiten Registerkarte, aber es hat nicht funktioniert. Irgendwelche Hilfe bitte.

+1

Es ist schwer, mit so wenig Code hier zu helfen, ich würde empfehlen, ein PLNKR mit dem, was Sie versuchen zu tun. –

+0

Vielen Dank für Ihre Wiederholung, was ich tun möchte, ist einfach, in der ersten Registerkarte habe ich eine Liste von Kunden, wo ich customerCtrl verwenden möchte und für die zweite Registerkarte, die Communitys Liste enthält, möchte ich einen anderen Controller verwenden: communitiesCtrl – Rajeun

+0

I würde in der Verwendung von "Controller als" schauen, um dies zu erreichen. Wenn Sie nach diesem suchen, finden Sie eine Menge Beispiele dort draußen. –

Antwort

0

Dies ist möglich, und die Beurteilung von hier aus können Sie dies so einfach machen wie:

<body ng-app=""> 
<div class="tab-content"> 
    <div class="tab-pane active" id="customerInfo" ng-controller="customerListcontroller"> 
     @customerList() 
    </div> 
    <div class="tab-pane" id="communities" ng-controller="communityListcontroller"> 
     @communityList() 
    </div> 
</div> 
</body> 

Es gibt nur wenige Dinge, die man tun könnte falsch:

  • vergessen ng-App setzen =“ App ", um Ihre Controller zu wickeln
  • Von der Frage gibt es eine div omission. Stellen Sie sicher, dass dies im Code nicht der Fall ist
  • Ihre Controller nicht richtig definieren.
  • ruft die Datei nicht den Controller in der HTML-Datei mit

Es sollte eine kleine fix sein. You can also take a look at this.

+0

Vielen Dank für Ihre Hilfe !! – Rajeun

Verwandte Themen