繁体   English   中英

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

[英]Angularjs Routing behaves strange when using tabset directive from ui-bootstrap

我一直试图解决一个奇怪的行为。 每当我在我的一个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的页面,就会出现上面提到的路由异常行为

这是我的小提琴...........

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

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

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

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

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

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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM