問題タブ [ng-bootstrap]

私はこの記事に従って、ブートストラップを Angular 2 で動作させています。これは記事のとおりに機能しますが、ポップオーバーの参照をコンポーネント メソッドに渡す方法の例はありません。私が得たのは だけでしたNgbPopoverConfigが、ポップオーバーを開くための参照がありません。

これは私のコンポーネントメソッドです

これは、マテリアル 2 ベースの入力フィールドを使用している私の html です。

タイプスクリプトコンポーネントコードからポップオーバーをプログラムで開いたり閉じたりする方法に関するドキュメントはありますか? またはいくつかのサンプルコード？

Bootstrap 4.0.0-alpha.5 および angular material 2.0.0-alpha.9-3 で angular 2.1.0 を使用しています

タブ間を移動するためのコードの下に書いています

タブが表示されていますが、タブをクリックしても、そのコンポーネントにルーティングされておらず、コンソールにエラーが発生していません。助けてください

タイプスクリプトファイルで次の2つのインポートを行っています:

最初のステートメントは機能しますが、コンパイラは 2 番目のステートメント (ng-bootstrap import) について不平を言います:

ng-bootstrap がインストールされていることを確認しました。これの原因が何であるかはわかりません。

以下は私の tsconfig.json ファイルです：

インストールした ng-bootstrap:

私はかなり頻繁にこの問題に直面してきました。プロジェクトで動的なツールチップを作成しようとしています。Oninit で if else ステートメントを作成しました。

if(this._placement== 'left' ) ..... 、私のテンプレート...では: 上部に、ツールチップの配置がブラウザーの左側になるようにする必要があります。

これをテンプレートにコーディングしましたが、ngOnInit で設定した動作に従ってどのように動作させることができるかわかりません。たとえば、ボタンに正しいツールチップを表示したいです。

これを使用してみましたが、機能せず、エラーが返されます。私が試した他の方法は、左の配置を表示するように設定しようとした設定ではなく、デフォルトのツールピットを返すだけです。

< button type="button" class="btn btn-secondary" ngbTooltip="tipContent" initObject="Top" > Farid Test </ button> しかし、エラーが発生します

ツールチップに angular 2 と Ng-Bootstrap の最新バージョンを使用しています

どんな助けでも大歓迎です。どうもありがとう 。

これは私の 2 番目のファイルです

}

ボタンをクリックするとポップアップする独自の ng-bootstrap datepicker によって入力された 2 つの入力があります。新しい日付を選択すると、入力は適切に入力されますが、私の問題は、入力を null または単に別の値に初期化したい場合です。私のgetDate機能がそれを妨げていることは知っていますが、それを許可するように変更する方法がわかりません。

スクリーンショット (各入力の右側にあるボタンをクリックすると、日付ピッカーが開きます。入力ごとに 1 つ):

HTML:

タイプスクリプト:

angular 2 ブートストラップ 4 モジュールを使用しています。

何かを削除するための「はい」と「いいえ」のボタンを備えたポップオーバー要素を表示したいと考えています。

いいえボタンをクリックすると、ポップオーバーが閉じます。

代わりに、ポップオーバーが再初期化されるかのようにわずかに再配置されます...

何が起こっているのかわかりません。

誰でも助けることができますか？

プロジェクトで ngbtooltip を作成しました。基本的には、パディング、色、配置を表示するときにブートストラップ 4 css をオーバーライドしようとしています。

マスター ブートストラップ css を変更する必要がないように、別の css ファイルを使用しようとしています。

私のhtmlファイルは

私が作成したcssファイルは影響を受けません。代わりに、ツールチップは、ツールチップ用に作成したcssをリッスンするのではなく、マスターcssに依存し続けます。

たとえば、ブートストラップのマスター css ファイルは「text-align:center」を使用しています。これにより、達成しようとしているのは、以下に示す「text-align:right」です。しかし、ブラウザを実行すると。反応するよりも中央にテキストを表示します