2016-04-19 9 views
1

私はHTMLページでタブを使用していますが、各タブに対して1つのコントローラを宣言しようとしています。最初のタブについては各タブごとに1つのコントローラを宣言します

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

私はこのような「CUSTOMERLIST」での私のコントローラを宣言します。

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

と私は2番目のタブで同じことをしようとしたが、それは動作しませんでした。助けてください。

+1

ここで少しのコードを手助けするのは難しいですが、あなたのやりたいことでplnkrを作成することをお勧めします。 –

+0

再生していただきありがとうございます、私がしたいことは、最初のタブでシンプルです。私はcustomerCtrlを使用する顧客のリストを持っていて、コミュニティリストを含む2番目のタブには別のコントローラを使用したいと思います:communitiesCtrl – Rajeun

+0

これを達成するために「コントローラーとして」を使用するように見えます。あなたがこれを検索すると、そこにたくさんの例があるでしょう。 –

答えて

0

これが可能であり、ここから判断するあなたは、このような単純な行うことができます。

  • 「= ngのアプリを置くことを忘れて:あなたは間違っているかもしれないいくつかのものがあります

    <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> 
    

    をあなたのコントローラをラップするには "app"を入力してください。

  • 質問から、divの省略があります。これがコードの場合に当てはまらないことを確認してください。
  • コントローラを正しく定義していません。

それはマイナーな修正する必要がありますHTMLファイル内のコントローラを含むファイルを呼び出すことはありません。 You can also take a look at this

+0

ありがとうございます! – Rajeun

関連する問題