問題タブ [ng-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 投票する
1 に答える
1462 参照

twitter-bootstrap - モバイル デバイスにブートストラップ モーダルを表示する

データ集約型のサイトに進む前に、WIFI をオンにするようモバイル ユーザーに警告するモーダルを作成しました。このモーダルをモバイル (xs、s) デバイスで開きたいと思います。ブートストラップ 4 を使用しています。

テンプレート、特に class でブートストラップレスポンシブ ユーティリティを活用しようとしました.hidden-md-upが、このクラスをどこで使用しても、一部のサイト機能を無効にするオーバーレイが残ります。これは、私がまだモーダルを開いてから隠しているためです。エレガントなソリューションではありません。

ブートストラップを活用して小さな画面/モバイル デバイスを感知する方法を探しています。angular 2を使用しているため、jQueryを避けています。私のプロジェクトではまだ jQuery を使用していません。このボーナス機能のためだけにライブラリをロードするのは避けた方がよいでしょう。

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

angular - 保存時に ng-Bootstrap Modal を閉じる

保存機能が成功したら、どうすれば ng-bootstrap モーダルを閉じることができますか?

これが私がこれまでに持っているものです:

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

angular - 文字列から templateRef を取得することは可能ですか?

たとえば、 aTemplateRefを渡すことで a を取得する方法に興味があります。string

すべてのコンポーネントに使用する構成に保存したいだけなので、コンポーネントhtmlから取得したくありません。NgbDatePickerConfigここで表示できるng-bootstrapを参照しています: https://github.com/ng-bootstrap/ng-bootstrap/blob/master/src/datepicker/datepicker-config.ts

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

javascript - angular 2のすべてのモジュールにプラグインを追加する必要がありますか?

私はng-bootstrapangular 2で使用しています。私はそれを私app.moduleの中にインポートしましたが、うまく動作しています。

別のモジュールを遅延読み込みng-bootstrapしていますが、その中でコンポーネントが機能していません。遅延ロードされたモジュールで ng-bootstrap モジュールを再度インポートすると機能します。

私の質問は次のとおりです。作成するすべてのモジュールでサードパーティのモジュールを再度インポートする必要がありますか、または何らかの設定でそれらを機能させる方法がありますか?

PS:私はAngular 2の初心者です

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

angular - キャンバス(pdfjs)コンテンツを保持しないng-bootstrapタブ

バックグラウンド:

(ng-bootstrap@1.0.0-alpha.14)を使用UI Bootstrapして、Angular 2に使用する Angular 1 アプリを移植しています。ng-bootstrapAngular 1 アプリではuib-tabsetuib-tabとを使用ng-repeatしてタブを動的に作成します。Angular 2ngb-tabsetでは、ngb-tabを使用*ngForしており、同じことを行います。 各タブには、pdfjs を使用して入力するキャンバスが含まれています。タブの読み込みは問題なく機能します。

しかし、タブをクリックして別のタブに戻ると、PDF コンテンツが消えてしまいます。

考え:

これを修正できる唯一の方法は、タブが選択されるたびに PDF コンテンツをロードすることですが、私はそれを行うことに熱心ではありません。ng-bootstrap現在/表示されているタブのみが実際にDOMにあることに気付きました。UI Bootstrap では、すべてのタブが DOM にありますが、もちろん表示されるのは 1 つだけです。タブ間を移動しても、PDF コンテンツが消えることはありません。

新しいブートストラップでこの動作を見た人はいますか? 新しいブートストラップは、別のタブをクリックしたときに DOM からタブを削除するときに、タブのすべてのコンテンツを保存していないようです。これを回避して以前の動作を実現する方法についての考え/提案はありますか?

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

angular - angular 2でブートストラップコンポーネントを使用する

Angular 2 cli を使用すると、ブートストラップ js コンポーネントを追加してプロジェクト コンポーネントで使用できます。

angular 2専用に構築されたng-bootstrapのような他のブートストラップライブラリがあります。

私は2つのアプローチの違いは何なのか疑問に思っていました.npm install bootstrapとangular-cli.jsonのアプリスクリプトに含めるだけで、angular 2でブートストラップコンポーネントを使用しても大丈夫ですか?

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

ng-bootstrap - ngFor で NgbCarousel を使用するとテンプレート解析エラーが発生する

私は ngFor で ngb-carousel を使用したい、次のような私のコード: コード

しかし、これにより次のようなエラーが発生します。

home.component.html?c8ce:1 エラー: テンプレート解析エラー:(…)

ngFor で ngb-carousel を使用する例を誰が教えてくれますか?