問題タブ [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.

0 投票する
1 に答える
1199 参照

javascript - Angular JS Datatables行クリックイベントは動的AngularUIタブを追加します

タブのようなブラウザを実行したかったのですが、イベントは angular データテーブル内でトリガーされます (これを使用しています - angular-datatables )。動的タブを追加するために、行ごとのクリックをリッスンするようにコントローラーを既にセットアップしています。しかし悲しいことに、それはタブを追加しません。アレイをログに記録$scope.tabsしたところ、タブが追加されたが、<uib-tabset>. 以下のスクリーンショットを参照してください。

サンプル

上のスクリーンショットはデータテーブルを示しています。強調表示されたボックス (赤) をクリックすると、「動的タイトル 1」タブの後にタブが追加され、アクティブ (または現在選択されているタブ) として設定されるはずでした。行をクリックすると動的タブが追加されるたびに、これを行うにはどうすればよいですか?

これがangularJSのコントローラーです

controller.js

これが私のhtmlです

home.html

0 投票する
1 に答える
1992 参照

angularjs - Angularjs - ボタンクリック時の水平スクロール

左右の矢印をクリックして水平スクロールを行う方法。

ここでは、サンプル チュートリアルを使用してタブとボタンを作成しました。リンクを添付しました

これを修正するのを手伝ってください。

0 投票する
1 に答える
1289 参照

css - ui ブートストラップ タブの境界線

アクティブなUIブートストラップタブの横と上の境界線を削除し、1つの流行の下の境界線を作成したい. 横と上の境界線は削除されません。私は何が欠けていますか?

0 投票する
0 に答える
444 参照

javascript - Angular Bootstrap タブ内のスコープ内の Angular JS アクセス フォーム

Angular JS 1.4.1 プロトタイプにフォームがあります。汚れたときにクラスを設定しています。フォームを「保存」する人をシミュレートしようとしているため、フォームは汚れていません。「保存」されているため、変更はまだ存在しますが、汚れていません。

フォームフラグメント:

フォームを元の状態に設定すると、コントローラーの関数ではなく、インラインでのみ機能します。したがって、これは機能します:

しかし、これではありません:

「no object overridesForm defined」という実行時エラーが発生します。

理由はまだわかりませんが、このコードペンでは機能しますが、私のプロジェクトでは機能しません。

アップデート:

トランクルードされたコンテンツのフォームへのアクセスについて検索した後、私はこれに出くわしました:

これをコントローラーに割り当てます:

これがベストプラクティスかどうかはわかりませんが、うまくいきます。コードペンを更新しました。