javascript – 当使用ui-bootstrap的tabset指令时,Angularjs Routing表现得很奇怪

我一直试图解决一个奇怪的行为.每当我在我的一个ui-router模板中使用ui-bootstrap的tabset指令时,我都无法远离那个特定的状态.我得到的错误是：

Error: parent is null Scope.prototype.$destroy@http://localhost:3000/js/lib/angular/angular.js:7801 bind/<@http://localhost:3000/js/lib/angular/angular.js:681 jQuery.event.dispatch@http://localhost:3000/js/lib/jquery/jquery-1.9.1.js:3074 jQuery.event.add/elemData.handle@http://localhost:3000/js/lib/jquery/jquery-1.9.1.js:2750 jQuery.event.trigger@http://localhost:3000/js/lib/jquery/jquery-1.9.1.js:2986 .triggerHandler@http://localhost:3000/js/lib/jquery/jquery-1.9.1.js:3683 removePatch@http://localhost:3000/js/lib/angular/angular.js:1497 update@http://localhost:3000/js/lib/angular/angular.js:13876 Scope.prototype.$broadcast@http://localhost:3000/js/lib/angular/angular.js:8090 updateRoute/<@http://localhost:3000/js/lib/angular/angular.js:7250 qFactory/defer/deferred.promise.then/wrappedCallback@http://localhost:3000/js/lib/angular/angular.js:6650 qFactory/defer/deferred.promise.then/wrappedCallback@http://localhost:3000/js/lib/angular/angular.js:6650 qFactory/ref/<.then/<@http://localhost:3000/js/lib/angular/angular.js:6687 Scope.prototype.$eval@http://localhost:3000/js/lib/angular/angular.js:7840 Scope.prototype.$digest@http://localhost:3000/js/lib/angular/angular.js:7707 Scope.prototype.$apply@http://localhost:3000/js/lib/angular/angular.js:7926 @http://localhost:3000/js/lib/angular/angular.js:5425 jQuery.event.dispatch@http://localhost:3000/js/lib/jquery/jquery-1.9.1.js:3074 jQuery.event.add/elemData.handle@http://localhost:3000/js/lib/jquery/jquery-1.9.1.js:2750

它第一次工作正常,路由行为正常,但一旦加载了tabset的页面,就会出现上面提到的路由异常行为

这是我的fiddle………..

你可以在小提琴演示中找到两个链接

1 – >标签缺席[没有标签的简单页面]
2 – >标签显示[带有ui-bootstrap标签的页面]

如果你第一次选择Tab Absent Page它会正常工作但是一旦你访问Tab Present Page然后每当你点击Tab Absent页面时,路由都不会发生[即标签不会消失].

如果您首先访问Tab Present Page然后选择Tab Absent页面,您将在控制台中收到错误

解决方法:

我不再为jsFiddle了 – 所以我把你的代码放在一个plunker中并更新了angular和angular-ui-bootstrap的版本并且瞧… …(它的工作原理)：

http://plnkr.co/edit/jUSg8GtzwkiixJJPR8MA?p=preview

标签：jquery,javascript,angularjs,twitter-bootstrap,angularjs-routing
来源： https://codeday.me/bug/20190709/1408993.html