問題タブ [ng2-bootstrap]

RC6 で ng2-bootstrap を使った人はいますか?

app.module でこれを行います (gitHub の指示に従います):

実行時にエラーが発生します。

syntaxError: 予期しないトークン <

RC6. ng2-bootstrap のモーダル コンポーネントを使用します。アプリケーションをモジュールに分割するまでは正常に機能していました。.show()モーダル コンポーネントのメソッドを呼び出そうとすると、遅延ロードされたモジュールでエラーが発生します。No provider for AppComponent!

ご想像のとおり、AppComponent はアプリ ルート モジュールのメイン/デフォルト コンポーネントです。このモーダルなものは、AppComponent の存在についてどのように認識しているのでしょうか?

ありがとう！

ボタンをクリックすると、Promiseで次々と呼び出される3つの関数があります。最初の関数では、約束を返すブロックされたモデルウィンドウが必要であり、その約束で次の関数を解決します。

HTMLコードは次のとおりです。

ボタンクリック機能:

3つの機能は次のとおりです。

モーダルウィンドウには次の機能があります。

したがって、confirmGetRichYesでfateGetRichQuickの約束を解決したいのですが、モーダルウィンドウは関数fateGetRichQuickをブロックせず、そのフローを続行します。

plunker でコードを実行しています: http://plnkr.co/edit/nX1LcNJeuQvuWSloF50l

これを内部に含む Home コンポーネントがあります。

私のhome.style.scssの中には、これがあります：

背景色を緑に変更する必要がありますが、そうではありません。

上記の CSS コードは、次のスタイルを生成します。

最終的な HTML は次のようになります。

ここで何が問題なのかわかりませんが、セレクターが間違っていると思います。最終的なセレクターを次のようにしたいと思います。

それ以外の：

言い換えれば、なぜ _ngcontent-wjn-3 属性がないの<div class="alert">...</div>ですか?

多分私はすべてのことを間違っています。私が達成しようとしているのは、個々のブートストラップ コンポーネント (<alert>上記のコード内)のCSSをカスタマイズすることです。カスタム コンポーネント (<home>上記のコード内)。

ホーム コンポーネントでデフォルトのビュー カプセル化 (エミュレート) を使用しています。

どうすればそれができますか？

この問題に苦労してから数日経ちましたが、誰かが私を助けてくれることを願っています.

aspnetコアプロジェクトでAngular2を試しています。セットアップは、gulpfile.js を使用して .ts ファイルを作成し、すべてを wwwroot フォルダーに転送することです。すべてが正常に機能しています。typescript がコンパイルされ、ファイルが転送され、「hello world」Angular アプリのセットアップも正常に機能します。

ng2-bootstrap への参照を追加しようとすると、問題が発生します。このコンパイル typescript を追加すると、次のようないくつかのエラーでエラーが発生します。

node_modules/ng2-bootstrap/components/buttons/button-checkbox.directive.d.ts(14,22): エラー TS1005: '=' が必要です。

ここで取り組んでいるサンプルにアクセスしてください: https://github.com/skyplusplus/ng2bootstrap-hell

どうすればこの問題を解決できますか?

-edit- 関連する gulpfile スニペット:

const tscConfig = require('./tsconfig.json'); var tsProject = typescript.createProject('tsconfig.json'); return tsProject .src(tscConfig.files) .pipe(sourcemaps.init()) .pipe(typescript(tsProject)) .pipe(sourcemaps.write('.')) .pipe(gulp.dest(targetPaths.app));

親コンポーネントから ng2-bootstrap モーダルを開こうとしています。ModalComponent を作成し、「exportAs: child」を作成しました。私の ModalComponent は次のようになります

そして、親テンプレートにモーダルを次のように含めます

...そして、親テンプレートから次のように呼び出します

ModalComponent 内の「show」メソッドを正しくヒットしましたが、「childModal」の値は常に未定義です (Nb: console.log() ステートメント)。

どんなポインタでも大歓迎です。

ng2-bootstrap のモーダルの使用に問題があります。ここで言及されているviewContainerRefハック全体を行っています。深くネストされたコンポーネント (ルーティングによって 4 レベルの深さ) でモーダルを作成しています。上記のリンクからモーダルコードをコピーしました。開こうとするたびに、次のように開きます: bs-modal-backdrop がモーダルを含めて画面を完全に覆っているため、操作できません。なぜこれが起こっているのですか？