問題タブ [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.
angular - ng-bootstrap を使用するには、index.html に bootstrap.min.css を追加する必要がありますか?
angular-cli@webpackバージョンをng-bootstrap ( ng2-bootstrap ではありません ) で使用しています。angular-cli プロジェクトに対して次のことを行いました。
次に、これをファイルに追加します。
次に、これを index.html に追加しました。
それはすべてうまくいっています。私の質問：
(その1) 本当にindex.htmlにbootstrap.min.cssを入れないといけないの？bootstrap.css を index.html に追加せずに ng-boostrap を使用できますか?
(パート 2) いいえの場合、なぜ ng-bootstrap は bootstrap.css をセットアップに含めることができないので、index.html に追加する必要がないのでしょうか?
angular - Angular2 ng-bootstrap の ngb-accordion がビューに表示されない
私の HTML は読み込まれますが (上部のタグ"HI", "title1", "objName11"により表示されます)、 ngb-accordion がビューにレンダリングされません。見逃したものを理解できません。span
コンパイル/ビルド エラーはありません。コンソールにエラーはありません。:(
NGB-PRECOMPILE について何か見ましたが、これは必要ですか? @ng-bootstrap/ng-bootstrap でも見つかりません。 https://stackoverflow.com/questions/38792108/precompile-error-on-ng-bootstrap-ngb-precompile
以下はコード スニペットです
(要点を説明するために、サービス/オブザーバブルを使用して実際に をロードする実装を削除することで、コードを大幅に簡素化しました)。onInitMyObject
私のテンプレート: ./someComponent.Component.html:
成分：
MyObjectModel:
javascript - Angular2 + ng-bootstrap の例
Angular2 の学習を開始し、プロジェクトで ng-bootstrap を使用したいと考えています。しかし、私は実用的なプロジェクトを作ることができませんでした。ng-bootstrap のインポートに失敗します。私は初心者なので、問題がコードによるものなのか、それとも私が間違った何かによるものなのかわかりません。
ng-bootstrap と Angular2 を使用した実用的でシンプルなプロジェクトを提供して、自分のコンピューターで動作させることができますか?
編集：
app.module.ts:
systemjs.config.js:
エラー：
javascript - Angular2 ng-bootstrap タブとアコーディオン
Angular2 と ng-bootstrap を使用しています。ここから NgbAccordion と NgbTabset の例を取り上げました。機能的には問題ありませんが、スタイルが問題です。クリックしてもタブがアクティブにならず、アコーディオン内のパネルにはまったくスタイルがありません。何が問題なのですか？
javascript - Webpack と Angular2 で ng-bootstrap を使用できません
まず、次のものをインストールしてインポートしましたNgbModule。
npm install --save @ng-bootstrap/ng-bootstrapimport {NgbModule} from '@ng-bootstrap/ng-bootstrap'
この時点で、すべてが正常に動作し、以前と同じようにアプリケーションを実行できますng-bootstrap
NgbModuleここで説明するように、 myのimports配列にを追加するとすぐにNgModule:
次のように叫ぶので、をnpm start使用して実行できません。webpack-dev-server
これは私のwebpack.config.jsです：
ヘルプと説明をいただければ幸いです。
前もって感謝します！
アップデート：
source-map-loaderからの使用をpreLoaders削除するとエラーは削除されますが、ブラウザーに Typescript ソースが表示されません。
どうすればいいですか？なぜこれが起こるのですか？
javascript - 最も単純なモーダルを開くことができません
私は基本的にng-bootstrap Modal Documentaionからモーダルの例をコピーしましたが、それを開くことができないようです。
ボタンをクリックしてモーダルを開くとすぐに、Chrome のコンソールが次のように叫びます。
前もって感謝します！
編集：
これは私のモーダルコンポーネントコードです:
モーダル HTML:
この Modal コンポーネントは、以下の別のコンポーネントによって使用されています<th>:
アップデート：
openデバッグ中に、メソッドthis.modalService.open(content)が呼び出されているときにエラーが発生することがわかりました。
javascript - 折りたたみはモーダルでは機能しません
Modal 内で最も基本的な折りたたみ機能を使用しようとしていますが、折りたたみがトリガーされません
文字通り、この w3schools の崩壊の例をモーダルにコピーしただけです。
これは私のモーダルコードです:
私のBasicModalComponent:
私のAppComponent:
私のAppModule:
DOM で折りたたみの動作をデバッグしようとしましたが、折りたたむ<div>といくつかのクラスといくつかの属性が追加され、折りたたむとそれらも変更されるようです。
モーダル内でデバッグしたとき、折りたたみボタンをトリガーしても DOM は操作されず、クラス<div>とその属性は同じままでした。
何か案は？