在Bootstrap选项卡上单击,init()函数每次都在angularJs中调用

在Bootstrap选项卡上单击,init()函数每次都在angularJs中调用,angularjs,html,twitter-bootstrap-3,Angularjs,Html,Twitter Bootstrap 3,我正在尝试在abc.html上实现动态选项卡。我正在使用SPA使用angularJS和HTML5,并使用($locationProvider.html5Mode(true).hashPrefix(“!”);)引导删除# 我有abcController.js,它包含init函数,如下所示 (function init() { getUser(); })(); function getUser() { // Code }; 问题:当我单击任何选项卡时,init()

我正在尝试在
abc.html
上实现动态选项卡。我正在使用SPA使用angularJS和HTML5,并使用(
$locationProvider.html5Mode(true).hashPrefix(“!”);
)引导删除#

我有
abcController.js
,它包含
init
函数,如下所示

(function init() {
        getUser();
})();

function getUser() {
        // Code
};

问题:当我单击任何选项卡时,
init()
函数正在调用。如何防止这种情况?我的url看起来像
http:localhost:1234/user
,在
X
选项卡的鼠标上方显示
http:localhost:1234/user#X

您需要从选项卡锚中删除
href=“#”
。我认为更改路由确实会再次加载控制器和模板。我尝试了href=“X”(而不是#X)。在X选项卡上单击鼠标。。它显示http:localhost:1234/X并单击转到主页。:)