0

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

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
4

1 回答 1

1

您需要将“Framework and Extensions”下的“onLoad”设置更改为“No wrap - in head”。这会将您的代码放入该head部分，而不是在onLoad事件上运行它。请参阅jsfiddle 文档。Angular 尝试在DOMContentLoaded事件中自动初始化您的应用程序，但您的应用程序尚未定义，因为onLoad尚未触发，这就是您收到错误的原因。

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

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

如果需要，在这里工作小提琴

于 2015-09-01T19:00:32.193 回答