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

Question

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

我在第二个选项卡上尝试了同样的操作，但没有成功。请帮忙。

Answer 1

这是可能的，从这里判断你可以像这样简单地做到这一点：

<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="app" 包装你的控制器
问题中有一个div遗漏。确保代码中不是这种情况
没有正确定义您的控制器。
没有调用 HTML 文件中包含控制器的文件

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

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

declare one controller for each tab

twitter-bootstrap

angularjs

restangular