Отображать вкладки, используя угловой загрузочный интерфейс - tabsets

Question

Я пытаюсь создать загрузочные вкладки, используя угловой интерфейс. Но содержимое вкладок не отображается по одному. И на вкладке подобные кнопки не видны.

Jsfiddle is @ 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

Вам нужно изменить настройку "onLoad" в "Framework and Extensions" на "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

Рабочая скрипка здесь при необходимости