Angularjs路由在使用ui引导程序中的tabset指令时表现得很奇怪
Angularjs Routing behaves strange when using tabset directive from ui-bootstrap
我一直在试图解决一个奇怪的行为。每当我在我的一个ui路由器模板中使用ui引导程序中的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
第一次它工作良好路由行为正常,但一旦加载了带有标签集的页面,上述路由的异常行为就会启动
这是我的小提琴。。。。。。。。。。。
你可以在小提琴演示中找到两个链接
1->Tab不存在[一个没有Tab的简单页面]2->选项卡显示[带有ui引导选项卡的页面]
如果您首先选择选项卡不存在页面,它将正常工作,但一旦您访问选项卡存在页面,则无论何时单击选项卡不存在页,都不会发生路由[即选项卡不会消失]。
如果您先访问Tab Present Page,然后选择Tab Absent Page,您将在控制台中出错
我不再喜欢jsFiddle了——所以我把你的代码放在一个plunker中,并更新了angular和angular ui bootstrap的版本,瞧。。。(有效):
http://plnkr.co/edit/jUSg8GtzwkiixJJPR8MA?p=preview
相关文章:
- 在指令控制器中使用$attrs时出现问题
- 参数变量出现ngTable指令问题
- 在AngularJS应用程序中使用封装指令和路由的推荐方式是什么
- 使用每次都不同的transclude重复指令
- 打开一个模态并将其链接到AngularJS中的指令
- 从html创建一个指令,该指令按类名应用函数
- 将JSON对象传递给angular指令
- 如何使用ngrepeat和双向绑定获得指令的隔离范围
- JavaScript指令不能像我想象的那样工作
- AngularJs指令,该指令创建内部有数据对象的新指令
- AngularJS指令只识别双向绑定类型
- 从控制器继承了隔离的作用域以生成可重用的指令
- AngularJS指令出错-无法读取属性'编译'的未定义
- Angular指令在alertify setContent内容中不起作用
- 对父作用域的指令更新延迟了一步
- 指令的模板必须只有一个根元素:With restrict E&替换true
- AngularJS指令单元测试中未定义的函数
- 指令加载真的很长,检查加载时间的方法
- AngularJS指令,在元素后插入HTML
- Angularjs路由在使用ui引导程序中的tabset指令时表现得很奇怪