javascript - AngularJS Controller 的命名问题

Question

我刚刚开始使用 AngularJS。然而，当我尝试使用 angular bootstrap directives 时，我确实偶然发现了一个让我非常困惑的案例。用于创建选项卡式 Pane 。我关注了this example ，我唯一更改的是将 TabsCtrl 变量重命名为 TabsController，因为我一直在应用程序的其余部分中使用 *Controller 约定。

我发现真正奇怪的是这个重命名破坏了整个事情!重命名后，TabsController 函数从未执行。您可以在 plunker link 上自行测试一下.

我需要弄清楚这一点，因为重命名这样的对象会使其在我不知道原因的情况下崩溃，这似乎很可怕。 *Controller 变量名称是否以某种方式保留？为什么我能够毫无问题地对其余 Controller 使用 *Controller 命名约定？

编辑:似乎正是导致问题的单词 TabsController 。我尝试将其命名为 BajsController，结果成功了..

Answer 1

哦，我找到了。

Bootstrap Angular Directive(指令)似乎已经定义了一个名为“TabsController”的 Controller ，因此这就是冲突所在。

当我在调试控制台中查找名为 "TabsController" 的现有对象时，我没有发现此冲突，但这当然是因为它没有在 Bootstrap 指令。