だから私はこの超奇妙なシナリオを持っています...

1 週間前にアプリケーションを完全に正常に動作させたままにし、今日は作業を再開し、ドロップダウンが機能しなくなったことに気付きました...

私は非常に単純なコンポーネントを持っています:

HTML:

そして、親コンポーネントの関連する html コード:

現在、カードのプロパティを読み取れなかったというエラーが表示されますcannot read property cardName of undefined。

もう一度言及する必要があるように感じます。コードで文字通り何も変更しませんでした。ドロップダウンは完全に機能し、すべての詳細を表示し、1 週間後に再度実行しました。

何か案は？

すべての助けを前もって感謝します。何か不足している場合はお知らせください

編集

console.log(JSON.stringify(this.card)その上にを配置するngOnInitと、カードがデータで満たされていることに注意してください。そのため、DB からの正しいデータで満たされていますが、それでもこのエラーが発生します。

編集2

さらに、HTML 要素を調べるとcard-details、正しい名前を含む正確に 2 つの要素があることがわかります。では、ここで何が問題なのですか? :O

アップデート

繰り返しますが、その中にロジックが見つかりません->次で初期化しました：

ctorおよび内のログngOnInit:

どうぞ、どんな洞察も私に大いに役立ちます!

@ng-bootstrap で Angular 2 を使用しています。次のようなモーダル ダイアログがあります。

モーダル ダイアログのフレームを再利用したいのですが、コンポーネントの本体を変更したいだけです。次のようになります。

特にモデル(selected.Caption)でこれを達成する方法を教えてもらえますか? 私はたくさん試しましたが、うまくいきませんでした。

アップデート

明確にするために：いくつかのHTMLタグを挿入したいので、次のようなものを取得します：

@pkozlowski.opensource の答えは、基本的にモーダルの開閉で機能します。しかし、私は自分の体をそこに入れません。

Angular 2 Bootstrap 日付ピッカーを入力したい入力があります。ページが開くと、値は を使用して今日の日付で開始されますvalue="{{ getStartDate() | date:'fullDate'}}"。しかし、ボタンをクリックして日付ピッカーを開いて新しい日付を選択すると、値が入力されません。また、ボタンをもう一度クリックして日付ピッカーを閉じることもできなくなりました。

HTML:

タイプスクリプト:

datepickers日付を選択した後に閉じたいものが 2 つあります。私はオンラインで物事を見つけ続けていますautoclose: trueが、それを設定する方法/場所がわかりません。datepicker日付を選択して、入力とすべてに変更を表示することはできますが、最初の日付を選択したらすぐに閉じたいです。

対応する Typescript:

2 つの Angular 2 Bootstrap によって入力される 2 つの入力がありますdatepickers。after (not before or equal to)の場合、に対応するボタンをFormGroup無効にします。現在、送信ボタンより後の を選択すると、有効なままになります。しかし、2 番目のカレンダー ボタンをクリックして 2 番目のカレンダー ボタンをクリックすると、送信ボタンが無効になります (実際に を選択する必要はありません)。コンソールで確認し、、、およびはすべて、エラーなしで正しい時間に正しい値に変更および変更されています。「タイミング」がずれているのは、送信ボタンを無効にするだけです。startDateendDatestartDateendDatedatepickerendDatestartDateendDateerror

対応する Typescript:

angular-cli 1.0.0-beta を使用しています。18 で、 https: //ng-bootstrap.github.io/#/getting-started のガイドラインを使用して ng-bootstrap をロードしようとしています

手順:

を使用してng-bootstrapをインストールします

app.module.ts に以下を追加

私のibox-tools.module.tsには

そして、ibox-tools.template.html で ngbDropdown モジュールを使用しようとしました

しかし、ngbDropdown は機能しません。エラーは発生しません。bootstrap4.css が含まれているなどです。

入門ガイドには、使用するように指示されています

SystemJSを使用している場合でも、angular-cli 1.0.0-betaのように、そうではないと思います。18 は Webpack を使用しており、ng-bootstrap を自動的にロードする必要があります。私はここで間違っていますか？マッピングを追加する場所が見つかりません。他の誰かが angular-cli 1.0.0-beta で ng-bootstrap を使用できました。18?

ng-bootstrap で ngb-accordion を使用しています。ヘッダーを切り替えると、その子コンポーネントが再初期化されます。たとえば、ヘッダーを切り替えると、ドロップダウンがリセットされます。<div class="card-block"></div>パネルを非表示にすると が削除されるためと思われます。

コンポーネントがアコーディオンに「隠されている」場合でも、コンポーネントの状態を維持するにはどうすればよいですか?

テンプレート ファイル:

コンポーネント TypeScript ファイル:

JobComponentという名前のプロパティで名前candidate_typesを付けたコンポーネントを作成し、コンポーネントへの属性バインディングを使用してプロパティをバインドしようとしている Angular 2 アプリにNgbdTypeaheadBasic取り組んでいますが、機能していません。理由はわかりません。以下のファイルです。

job.module.ts

job.component.ts

typehead.component.ts

typehead.html

アプリを起動すると、すべてのコンポーネントがエラーなしで適切にレンダリングされますがundefined、console.log(this.options);

Angular 2 Bootstrap Typehead コンポーネントを実装しようとしています:

https://ng-bootstrap.github.io/#/components/typeahead

私が取った参照：

https://angular.io/docs/ts/latest/tutorial/toh-pt3.html

C:\projects\xxxx\node_modules@ng-bootstrap\ng-bootstrap\modal\modal-ref.d.ts (1,1) のエラー: エラー TS2688: 'core-js' の型定義ファイルが見つかりません。