Question

我正在尝试使用angular ui创建引导标签。但标签内容不会一次显示一个。按钮之类的标签不可见。

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

Tabset代码是，

<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

Answer 1

您需要更改设置＆＃39; onLoad＆＃39;根据＆＃39;框架和扩展程序＆＃39;到没有包装的头部＆＃39;。这会将您的代码放入head部分，而不是在onLoad事件中运行它。见jsfiddle docs。 Angular尝试在DOMContentLoaded事件上自动初始化您的应用，但您的应用尚未定义，因为onLoad尚未触发，这就是您收到错误的原因。

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

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

Working fiddle here如果需要

使用angular ui bootstrap - tabsets显示选项卡

1 个答案: