問題タブ [angularjs-bootstrap]

私はブートストラップとangularJSが初めてです。しかし、上部と左側のページが静的で動かないページを作成しています。<nav class="navbar navbar-default navbar-fixed-topブートストラップからヘッダーまで使用しposition: fixed、ページの左側の部分を静的にします。
問題は、ナビバーが動的に作成され、高さがデータベースからのデータに依存することです (これらはフィルターです)。その結果、ヘッダーがあり、ナビゲーションバーがカバーしているためコンテンツの一部のデータが表示されません。どのように解決しますか？多分navbarは良いアプローチではありません。

Angular Bootstrap を使用していくつかのタブを表示しようとしていますが、コンテンツが表示されません。真っ白なページしか見えない。

どこが間違っていますか？

html-

app.js:私のコントローラーはここにあります

すべてのスクリプトを適切にロードしたことを確認しました。しかし、タブが表示されないのはなぜですか? どこで私は間違えましたか？

どんな助けでも大歓迎です。前もって感謝します！

編集： 私のブラウザのコンソールはこれを読みます：

EDIT 2: 私は <script src="ui-bootstrap-tpls-0.13.1.js"></script>今自分のコードに含めました。すべてのエラーがなくなりました。

これが表示されます。

これは期待される結果です。

ブラウザのスクロールバーの上部にいる場合のように、ツールチップを自動的に配置したいのですが、最初の行にツールチップへのリンクがある場合、ツールチップは中央下部に表示する必要があります。

angularjsのみを使用してこれを行う方法はありますか?

angular-ui-bootstrap を使用しています

私は使っているbootstrapDualListbox

JS

HTML

<select multiple="multiple" size="10" name="duallistbox_demo1[]" ng-model="selectedStaff"><option ng-repeat="staff in staffs" value="{{staff.userId}}">{{staff.firstName}} {{staff.lastName}}</option> </select>

オプションを（ngRepeatからではなく）異なる値として使用する場合、スワッピングは問題ありません。ng-repeat から使用すると、選択時にすべての値が選択されずに交換されます。どうすればこれを解決できますか?

上記のhtmlコードをスクリプトで手動でAngularにしています。

以下の2つの方法でコントローラーを初期化する際の違い、メリット、デメリットを知りたいです。

モデル 1:

モデル 2:

上記のモデルはどちらも同じように動作します。コントローラーが実際に作成するのはいつですか。スコープがコントローラ用に作成されたとき。コメントをお寄せください。

バックベース ポータルで Angularjs ui ブーストラップの datepicker を使用しようとしていますが、機能していません。同じコードがバックベース ポータルの外で機能しています。私のHTMLコード

私のJSコード：

私は自分のhtmlにboostrap.min.cssを含め、ランチパッドサポートフォルダーにangular-ui-bootstrap jsを持っています。Backbaseポータルでangularjs ui boostrapコンポーネントを使用する方法を誰か説明してもらえますか? 前もって感謝します。