問題タブ [ng2-bootstrap]

ngForテンプレートの下で使用し、子を取得して後で変更しようとしています。

ここに私のテンプレートがあります：

どちらngForも DOM では次のようにレンダリングされます。

私のコンポーネントでは、次の要素を取得しようとしています:

レンダリングの問題により、両方とも未定義です...

テンプレートを削除して<div *ngFor="let i of [1,2,3,4]">{{i}}</div>、同じ問題に置き換えようとしています!

完全なコードはこちらから入手できます: https://github.com/jaumard/ng2-bootstrap/blob/ticksLabels/components/slider/slider.component.ts#L15

app.module.ts

example.html

example.component.ts

モーダルが開いたときにポップオーバーを非表示にしたい。「customPopover.hide()」関数を呼び出すと、エラーが発生します。

error_handler.js:51 TypeError: undefined のプロパティ 'hide' を読み取れません

PopoverContent.hide (PopoverContent.js:78) で

「PopoverContent.js」ファイルには、行 this.popover.hide(); があります。しかし、私はそれを初期化する方法がわかりません。私の理解では、@ViewChild は #customPopover へのクラス バインドのみを初期化します。つまり、私の場合は popover-content です。「ポップオーバー」を初期化するための解決策を教えてください。

私にとっては、[(ngModel)]="foo"デフォルトの HTML5 フォーム コントロール、より正確にはラジオ ボタンのスタイルを変更するために使用されるラベルでは機能しません。目標は、これらを使用して、デフォルトの入力無線のように値を変更することです。私は現在 ng2-bootstrap を使用していますが、ペーパーキット ( http://www.creative-tim.com/live/paper-kit ) も試しました。

文書化された ng2-bootstrap の使用方法を使用する場合 ( https://valor-software.com/ng2-bootstrap/#/buttons )

次のエラーが表示されます。

ngDefaultControlこれは、ラベルの属性を使用して修正される可能性がありますが、依然として[(ngModel)]無視され、伝播されません。ペーパーキットの使用でも同じ問題が発生します。

通常のラジオボタンで問題なく動作します。

startingDayを1 respに設定しようとしています。月曜日まで。私がこれを試す方法は次のとおりです。

何らかの理由で機能しません。何か見逃したのですか、それともなぜ機能しないのですか?

ng2-bootstrap のドキュメントによるとpanelClass、パネルに利用できる注釈があります。しかし、私はそれを機能させることができません。

これは私のマークアップです:

しかし、それは生成します:

ng2-bootstrap v1.1.13 を使用しています。

私は何を間違っていますか？

Angular 2 を ng2-bootstrap と共に使用して作成し、Webpack と Universal を使用してサービスを提供している Web サイトは、Chrome では問題なく動作していますが、Safari や Microsoft Edge では動作しません。

現時点ではSafariが最も重要です。

開発者コンソールで、次のエラーが表示されます。

何かを割り当てようとしている読み取り専用プロパティを見つけることができないため、これはあまり役に立ちません。

詳細がわかり次第、ここに進捗状況を投稿します。

アップデート

最新の Angular 2 2.1.0 バージョンに更新しましたが、まだ運がありません。

また、誰かが「厳密な使用」を削除する別のプロジェクトを読みました。プロジェクトから、これは少なくともエラーなしでページをロードしました。しかし、リンクをクリックしようとすると、エラーが返されました。

アップデート

エラーの原因となっている実際の行を最終的に見つけました。

プロパティを設定する前に、プロパティが読み取り専用かどうかを判断する方法はありますか?

アップデート

1つのエラーが修正されたと思います。テンプレートのコンポーネントの 1 つで、読み取り専用のスタイル プロパティを割り当てていたことがわかりました。

そのため、代わりに<div [style]="getStyle()">TypeError<div [attr.style]="getStyle()">の発生を停止しました。

ただし、別のエラーが発生しました。

Angular の common/bundles/common.umd.js にあることがわかりましたが、Safari では定義されていません。何か案は？

VS CODE IDE を使用して Angular2 アプリケーションで ng2 ブートストラップを使用できるようにする一連の手順はありますか。同じことを共有してください。ありがたくいただきます。次のコマンドを使用して ng2-bootstrap モジュールをインストールしました。

このステップの後に何をしますか？ng2-bootstrap を使用するには moment.js が必要ですか?