显示选项卡使用角度ui bootstrap - 制表符

我想创建使用角度ui的引导选项卡。但是标签内容不会一次显示一个。而像按钮这样的标签是不可见的。显示选项卡使用角度ui bootstrap - 制表符

的jsfiddle是@http://jsfiddle.net/qn8vcjwo/2/

标签集代码，

<tabset> 
    <tab heading="title one">this is tab number one</tab> 
    <tab heading="title two">this is tab number two</tab> 
    <tab heading="title three">this is tab number three</tab> 
</tabset>

而且，我得到的误差，

Failed to instantiate module app due to: 
Error: [$injector:nomod] Module 'app' is not available

来源

2015-09-01 Madhavan Kumar

你需要改变下设置 '的onLoad''框架和扩展'到'无包装头'。这将您的代码放入head部分，而不是在onLoad事件中运行它。见jsfiddle docs。 Angular尝试在DOMContentLoaded事件中自动初始化您的应用程序，但您的应用程序尚未定义，因为onLoad尚未开启，这就是为什么您会收到错误。

当您更新时存在另一个问题。您已经包含UI Bootstrap库，但该版本不包含默认模板。由于您目前没有定义自定义模板，因此您应该将库包含在模板中。那只是一个使用这个网址，而不是不管其自带的模板捆绑：

https://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/0.13.3/ui-bootstrap-tpls.js

Working fiddle here如果需要

来源

2015-09-01 19:00:32 sheilak

显示选项卡使用角度ui bootstrap - 制表符

回答

相关问题