問題タブ [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 Bootstrap UIでタブをアクティブにする方法
Angular Bootstrap UIでタブ コンポーネントを使用し、Angularjs アプリでルーティングするためにui-routerを使用しました。
ルートを変更した後、タブの1つをアクティブにしたいと思います。実際、検索ルートがあり、検索オプション(ユーザーが検索したい場所を選択できる)のためにタブを変更したいと考えています。
angularjs - Angular UI ブートストラップ タブ - タブ内のボタンでタブを変更できない
タブ ディレクティブ内のボタンでアクティブなタブを変更しようとしていますuib-tabsetが、ボタンはこのディレクティブの外でのみ機能します。
私は何を間違っていますか？
コードは次のとおりです。
html - uib-tab の配置に関する問題
uib-tabset を使用してタブを実装しました。タブの配置に問題があります。下の画像でわかるように、私の「現在」タブは左に移動し、「現在」と「今後」の間に不快なスペースを残してカードの外に移動しています。両方のタブをカードと完全に揃えたい。何か方法はありますか？
CSS をさまざまな方法 (特に .nav-tabs) で変更しようとしましたが、うまくいきませんでした。
HTML:
私のCSSの一部:
javascript - 再帰ディレクティブを使用した ng-if が期待どおりに機能しない
ui-bootstrap タブ内に 2 つの再帰ディレクティブがあります。パフォーマンス上の理由から、それぞれのタブがアクティブなときにのみディレクティブを実際にロードしたいと考えています。したがって、次のようにディレクティブで ng-if を使用します。
タブ 0 に移動すると、「dave」が表示されます。次に、「bob」が表示されているタブ 1 に移動します。タブ 0 に戻ると、まだ "bob" が表示されています。ng-if を削除すると、すべてが期待どおりに機能します: dave、bob、dave。
タブがアクティブなときにのみディレクティブをレンダリングできるようにする必要があります。ディレクティブを div 内に配置し、次のように ng-if を使用してみました:
しかし、まだ同じ問題があります。
javascript - タブがアクティブな場合はAngular Bootstrap、外部divを非表示
特定のタブがアクティブかどうかを検出し、アクティブなときにすべてのタブの外側に div を非表示にする方法はありますか?