0

angular ui を使用してブートストラップ タブを作成しようとしています。ただし、タブのコンテンツは一度に 1 つずつ表示されません。また、タブのようなボタンは表示されません。

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 docsを参照してください。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 に答える