問題タブ [angular-bootstrap]

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 投票する
2 に答える
4489 参照

css - Angular Timepicker のフォント サイズを変更する

私はAngular Bootstrap timepickerを使用していますが、以下のようにテキストの一部を切り取るフォントサイズを変更できないようです:

タイムピッカー

HTML:

ブラウザで要素を調べると、.form-control font-size を 12px に変更でき、問題なく表示されます。

タイムピッカーコントロールでフォントサイズをオーバーライドできる方法はありますか?

やってみました

入力グループの別のクラスとしてですが、次のようになります。

時間2

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

angularjs - Angular ブートストラップ UI を配置するにはどうすればよいですか見出しコンポーネントをコンテンツの上部ではなく下部に配置しますか?

私のコードは次のようになります:

このコードは、次の plunker コードで示されているように、デフォルトのタブセットを作成します。

http://plnkr.co/edit/?p=preview&s=gYWtjBltWXYqhczs

タブセットをこの図のように、タブの見出しが下部にあるようにしたい

この図のように、タブの見出しが下部にあるようにタブセットを表示したいと思います。

これを達成する方法を教えてください。

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

angularjs - アコーディオンangularJS内のフォーム検証

3 つのグループを持つアコーディオン (angular-bootstrap) があります。2 番目のグループには、適切に検証されるフォームがあります (必須フィールドと電子メール フィールド)。

3 番目のグループには、フォームデータから構築された要約があります。または、フォームで何かが無効な場合は、追加のエラー メッセージが必要です。

ディレクティブ構造のため、各アコーディオン グループには独自の独立したスコープがあります。form.$valid (またはその他のプロパティ) を異なるアコーディオン グループ間で (またはアコーディオン外でも) 共有するにはどうすればよいですか。

これは私のhtmlです(短縮):

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

angularjs - ui-router、モーダル、倍数の親

ログインしてモーダルウィンドウに登録するコードを作成しました。モーダルには、あるものから別のものに切り替えるための ui-view があります (authenticate.html というファイル):

私のroutes.jsでは、authenticate.htmlとコントローラーを呼び出している状態を抽象として「モーダル」にしました。また、2 つのサブ状態 (ログインとサインアップ) があり、それらを親 (「モーダル」状態) にバインドします。

私の問題は、モーダルを呼び出して呼び出し元の状態を取得する方法がわからないことです。例: 「ホーム」状態でモーダルを呼び出した場合、それを閉じたときに「ホーム」に戻れるようにしたいと考えています。別の状態から呼び出す場合も同じですが、モーダルを閉じたときに前のステップに戻れるようにしたいと思います。親を状態に与える唯一の方法は、ハードコーディングすることですか? それとも変数にできますか?ありがとうございました

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

angularjs - Angular JS ヘッダーのクローンを作成しようとしていますが、ディレクティブはクローンで機能しなくなりました

このようなことをしようとすると

そして、スティッキー ヘッダー ソリューション用にヘッダーのクローンを作成しますが、ヘッダーのリンクにあるディレクティブ、つまりポップアップ メニューを開閉するヘルプ リンクが機能しなくなっていることに気付きました。

つまり、ヘッダーにはこれがあります

コピーされたヘッダーでトリガーされなくなった dropdown-toggle のクリック イベントがあります。

何か案は ?

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

javascript - Angular Bootstrap Modal と親 Controller の間でスコープを共有する

コントローラーの 1 つにモーダルを表示し、そのモーダルにそのコントローラーと同じスコープを共有させて、元のスコープのデータを変更できるようにしたいと考えています。私はこのようなことをしてみました:

しかし、モーダル内からそのスコープのプロパティにバインドすると、変更されません。ただし、それらを読み取ることはできます。私は結果の約束を使いたくありません。

0 投票する
2 に答える
5153 参照

css - 小型デバイスでの Bootstrap フォームのツールチップとポップオーバー

Bootstrap、Angular、 Angular Bootstrapを使用して HTML フォームにツールチップまたはポップオーバーを実装しようとしています。

レイアウト例

ツールチップとポップオーバーの両方が、デスクトップと横向きの iPad で正常に機能します。しかし、幅が 768 ピクセル未満の場合、ツールチップ/ポップオーバーの正しい位置は適切な解決策ではなくなります。

これをより応答性の高い方法で解決するにはどうすればよいですか?

モバイル レイアウトで失敗する

このプランカーをご覧ください: http://plnkr.co/edit/r7CF7TCIDP592BYegeE5?p=preview