为每个选项卡声明一个控制器

时间:2016-04-19 15:03:20

标签: angularjs twitter-bootstrap restangular

我在html页面中使用了标签,我正在尝试为每个标签声明一个控制器。

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

我和第二个标签尝试了同样的事情,但它没有用。请帮忙。

1 个答案:

答案 0 :(得分:0)

这是可能的,从这里判断你可以这么简单:

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

你可能做错了很多事情:

  • 忘了把ng-app =&#34; app&#34;包装你的控制器
  • 从这个问题来看,有一个遗漏。确保代码中不是这种情况
  • 未正确定义控制器。
  • 未在HTML文件中调用包含控制器的文件

这应该是一个小修复。 You can also take a look at this