問題タブ [ng2-bootstrap]

私は ng2-bootstrap datePicker を利用しています。初期値を未定義のままにしておくか、initDate を使用すると、予期しない動作が発生します。私の場合、ディレクティブの ngModel にバインドされた変数がページをロードするとすぐに:

[(ngModel)]="campaign.startDate"

Campaign.startDate は次のようにログに記録します:
FIRST - 今日、または ngOnInit で任意に設定した場合は割り当てられた値 THEN -
リクエストが新しい値で返されたら、割り当てた値を受け取ります
THEN - 今日

何がその 3 番目のステップをトリガーするのかわかりません。私のコードからのものではないことがわかりますが、双方向バインディングのために、何らかの理由で datePicker 自体が「今日」の値を割り当てています。

TS

とHTML

NG2-Bootstrap タイプアヘッドを実装しようとしていますが、成功しません。

これは私のコードです:

上記のコードは基本的に ng2-bootstrap ページのサンプル ページと同じです。

結果が見えません。ページが「読み込み中」でスタックし、次の例外がスローされます。

そして、私は疑問に思っていました: これですべてですか? 多分私は何かを逃した？

ブラウザ ログに次の例外が記録されています。

アラートにディレクティブ アノテーションが見つかりません

スタックトレース：

修正方法は？

コア ライブラリ:

• 角度 2
• Angular 2 ブートストラップ

ビルドシステム:

• ウェブパック

ここに私のソースコードがあります:

Angular 2 ブートストラップ'alert.component.ts'

コードのこの部分はng2-bootstrapフレームワークに属します。

私のプロジェクト アプリ コンポーネント

ブートストラップ スクリプト

ブートストラップ スクリプトの完全なソース コードはこちら

私の tsconfig.json

Webpack ローダー:

パッケージ.json

型付け.json

アプリ コードが moment.js ライブラリに依存する ng2-boostrap モジュールを使用している場合、Karma でジャスミン テストを実行できません。

アプリはブラウザーで正常に動作し、ジャスミン テストは、システムに瞬間的なマッピングを追加することでブラウザーで実行できます。

karma.shim 内で同じことを試みましたが、機能しません。私は得ています：

私のkarma.confには

そして、karma-test-shim で:

マッピング部分の種類は機能します。原因は、そこに置くものに応じてmoment、XHRエラーパスで後で取得しています。

完全なファイルは、 https ://github.com/tzielins/angular-start-project の簡単なテスト プロジェクトにあります 。

カルマ構成はhttp://twofuckingdevelopers.com/2016/01/testing-angular-2-with-karma-and-jasmine/に基づいています

私はより単純な構成を使用して喜んでいますが、System.js/Karma の経験をゼロから始めることができて幸運でした。これは ng2-boostrap 依存関係なしで動作します (テスト中のコードはカルマをトリップするのに十分なフォーム ng2-boostrap のみをインポートします。テストに合格するためにコメントアウトすることができます）。

System.js 構成から明らかな何かが欠けているに違いありません。

TypescriptのソースとしてRESTサービスを使用して先行入力を行うにはどうすればよいですか? promise を使用する必要がありますか、それともオブザーバブルを使用できますか? 具体的には、ng2-bootstrap ホームページの例から getAsyncData() 関数で必要なものを探しています。

REST 応答:

私が持っているもの（動作しません）：

home.ts

home.html

CDN参照ng2-bootstrapをAngular2 beta.9使用 して統合しようとしています。

非稼働プランカー

index.html

boot.ts

この質問が約 100 回聞かれることは知っていますが、このエラーが発生しています。スクリーンショットを確認してください。

エラー: SyntaxError: Unexpected token < at Object.eval ( http://localhost:3000/node_modules/ng2-bootstrap/components/datepicker/date-formatter.js:2:14 ) at eval ( http://localhost:3000 ) /node_modules/ng2-bootstrap/components/datepicker/date-formatter.js:13:4 ) http://localhost:3000/moment の 評価http://localhost:3000/node_modules/ng2-bootstrap/components/datepicker/ の評価date-formatter.js http://localhost:3000/ node_modules /ng2-bootstrap/components/datepicker/datepicker-inner.js を 評価しています http://localhost:3000/node_modules/ng2-bootstrap/components/datepicker/datepicker を評価しています。 js 評価中http://localhost:3000/node_modules/ng2-bootstrap/components/datepicker/datepicker-popup.js http ://localhost:3000/node_modules/ng2-bootstrap/components/datepicker.js の 評価http ://localhost:3000/node_modules/ng2-bootstrap/components/datepicker.js の評価: 3000/node_modules/ng2-bootstrap/ng2-bootstrap.js http://localhost:3000/app/main.jsの ロード中にエラーが発生しました

システム構成を修正するために提供されているソリューションに従いました

しかし、この解決策の後、エラーが発生し、ページが読み込まれません...

従うべき手順を知っている人は、私に知らせてください。