問題タブ [angular-ui-bootstrap-tab]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
angularjs - angular ui-bootstrapタブ内に異なるデータを持つAngular ui-gridsを与える方法は?
複数のタブがあり、それぞれに角度のある ui-grid があります。各グリッドは異なるデータを表示する必要があります。しかし、あるタブではデータがページの読み込み時にグリッドに表示されるが、別のタブでは ui-grid 自体が読み込まれないという問題に直面しています。何が問題なのかわかりません。助けてください。以下はコードのサンプルです。
タブの HTML:
コントローラー部：
html - (モバイル ビュー) UI タブの見出しをドロップダウンとして機能させる方法
UI ブートストラップの既存のタブ ヘッダー セクションをモバイル ビューのドロップダウンに作成する方法。
HTML:
CSS:
JSフィドルリンク：
現在、UI タブ ビューはモバイル ビューで垂直線に変更されます (現在の UI タブをハックしてドロップ ダウンするにはどうすればよいですか (モバイル ビューのみ))。
javascript - angular uiブートストラップタブコンポーネント:タブがアクティブでクリックされていないときにタブのコンテンツを取得する方法
angularjs プロジェクトで ui ブートストラップ 'tabs' コンポーネントを使用しています。tab.htmlというファイルで定義されています。定義コードは次のとおりです。
タブはコントローラーで定義されます。
状態の定義は次のとおりです。
タブをクリックすると状態が変化します。私の質問は、最初にtab.htmlをロードすると、タブ 'tab2' がアクティブになりますが、tab2 のコンテンツがロードされないということです
あなたは以下のように見ることができます：
「tab2」をクリックする必要があり、状態が変更され、コンテンツがロードされます
あなたは以下のように見ることができます：
最初にtab.htmlをロードするとき、「tab2」のコンテンツをロードする方法、または「tab2」の状態をアクティブにする方法はありますか?
angularjs - angularjs:ブラウザの戻るボタンをクリックすると、ネストされたビューから前のページに戻る方法は?
index.htmlとtabs.htmlの 2 つのページがあります。tabs.htmlはネストされた構造で、タブ コンポーネントがあり、すべてのタブが状態 ( tab1、tab2、tab3 ) にバインドされます。index.htmlからtabs.htmlに変更する場合、状態変更パスはindex -> tabs -> tab1になります。他のタブをクリックすると、おそらく状態変更パス: index -> tabs -> tab1 -> tab2 . ブラウザの戻るボタンをクリックすると、tab2からに戻ります。tab1、つまり、まだtabs.htmlにいることを意味します。私の質問は、ブラウザの戻るボタンをクリックしたときに、以前の状態だけでなくindex.htmlに戻ることができることを認識する良い方法はありますか?
angularjs - Angular UI ブートストラップ カルーセルとタブが同じページにある場合の衝突
angularjsプロジェクトにangular UI Bootstrapを使用しています。カルーセルとタブを含むページがあります(両方とも同じページにあります)。
問題は、タブがカルーセル スライドに対して切り替わり、タブをクリックするたびにカルーセル スライドが移動することです。
これを防ぐ方法があれば教えてください。
どうもありがとうございました。
意見：
コントローラ：
angularjs - ng-repeat を使用した Angular UI Bootstrap タブセット
bootstrap-ui のバージョンを 0.14.x から最新の 1.3.2 にアップグレードしようとしていますが、uib-tabset / uib-tab ディレクティブに関するいくつかの問題が発生しています。
私がやろうとしているのは、ng-repeat を使用してタブを動的に作成し、繰り返しモデルの式またはプロパティによって「アクティブな」タブを処理することです。
index="{{item.Id}}"バインディングはまったく機能しません。したがって、ng-repeat が完了したら、uib-tabset でアクティブなプロパティを使用することができれば、式を介してタブ インデックスを設定できないようです。
activeItem は、囲んでいるコントローラーの $scope のプロパティです。
このバインディングを追加すると、エラーが発生します。
すべて ( uib-tab の index 属性と uib-tabset の active 属性) を省略した場合、エラーはスローされませんが、デフォルトではタブも選択されません。つまり、1 つをクリックしてそのタブをアクティブにする必要があります。ドキュメントには、デフォルトは「最初のタブにデフォルト設定」されていると記載されていますが。
このディレクティブ セットで ng-repeat が正しく機能しなくなった理由は何ですか? 私はおそらくここで何かを見逃していますが、困惑しています。
ありがとう
編集: これは、私が抱えている問題を示す plunkr リンクです。 https://plnkr.co/edit/DWOILq?p=preview
javascript - UI-TABのテンプレートを選択
Web アプリケーションで ui.bootstrap を使用していくつかのタブを実行する必要があります。タブごとにテンプレートを選択したいのですが、うまくいきません。なんで？これはtabs.htmlです：
「one.html」と「two.html」はどちらも「tabs.html」の同じディレクトリにあります。PSエラーは発生しません。単にテンプレートが表示されません