問題タブ [angular]

私はAngular2で遊んでいます。基本として、angular.ioページのクイックスタートプロジェクトを使用しました。

ItemServiceすべてが正常に動作しているように見えますが、サービス ( ) を自分に挿入しようとするとすぐに、AppComponent次の例外が発生します。

Token(ComponentRef)! のインスタンス化中にエラーが発生しました。元のエラー: AppComponent のすべてのパラメーターを解決できません。すべてに有効な型または注釈があることを確認してください。

インターネットで同様の問題を見たことがあります (この投稿などのスタックオーバーフローを含む) が、どれも私の問題を解決していないようです。何が問題なのか、何らかの考えを持っている体はありますか？

注入可能なクラスを - 注釈で装飾するいくつかのソリューション (たとえば、Angular2 リポジトリのもの) も見てきましたInjectable。ただし、 で定義されていないため、これは機能しませんangular.d.ts。間違ったバージョンを使用していますか?

次の Plunker で私の解決策を見つけることができます: http://plnkr.co/edit/7kK1BtcuEHjaspwLTmsg

記録として、私の 2 つのファイルを以下に示します。app.jsPlunker の は、以下の TypeScript ファイルから生成された JavaScript ファイルであることに注意してください。例外は常に同じです。

index.html:

js/app.ts:

アイデアをお寄せいただきありがとうございます。

私は今、自由な時間があり、Angular 2 Quickstartを見ることにしました。

typings/angular2/angular2.d.ts上のファイルの内部line 11:

私は、この行で多くのことが起こっていることを理解しています:

• インターフェイス
• リスト
• ジェネリック
• 拡張する

質問：

javascript/ts のレンズを通して見た List と Array の違いは何ですか?

リストと配列の使用をいつ検討する必要がありますか?

リストと配列を使用する例は何ですか?

Angular 2 への移行に向けてコードベースをできる限り準備したいと考えています。確実な移行戦略がまだないことは理解していますが、それでも懸念している問題が 2 つあります。

• 腕時計を使わなくなりました。
• 双方向バインディングを使用しなくなりました。

モデルの変更に応じて更新したいディレクティブがあるとします。時計なしでどのように実装できますか?

このディレクティブがインタラクティブな要素で、モデルにその変更を反映させたい場合はどうすればよいですか? 双方向バインディングなしでそれを行うにはどうすればよいですか?

(他にもこのような問題のあるシナリオがある場合は、それらを提起して解決策を見つけてください。)

行の追加について -

app.ts(1,12): エラー TS1005: '>' が必要です。

app.ts(1,16): エラー TS1005: ';' 期待される。

app.ts(2,1): エラー TS1109: 式が必要です。

angularjs2 および Typescript 1.5beta でビジュアル スタジオ コードを使用する際の問題。

エラー:(3, 1) TS1148:「--module」フラグが指定されていない限り、外部モジュールをコンパイルできません。
エラー:(6, 1) TS1205: デコレータは、ECMAScript 5 以降を対象とする場合にのみ使用できます。

tsc -t es5 -m commonjs app.ts を使用して、コマンドライン コンパイラを使用して同じコードを実行できます。webstorm 10.0.2 でも同じ問題が発生します。

私はテストに非常に慣れていません。学習の新たな始まりとしてangular 2を使用しています。

エラー:

質問：

TypeError とキャッチされていない参照エラーを修正して、main.spec.js がパスできるようにするにはどうすればよいですか?

Karma.conf

テスト/main.spec.js:

index.html

app.ts

現在、私は を使用しています。それは、使用法と実装の点でよりも異なる方法Angular V-1.3だと聞きました。Angular 2Angular 1

スコープ、ディレクティブ、およびその他の機能の概念は削除され、OO モデルのプログラミングに従います。

したがって、Angular 2 に移行する際には、typescript/OOP の概念を知る必要があります。または、必要な前提条件は何ですか?