問題タブ [angular]

公式の Angular ジェネレーターがあり、多くのユーザーが Angular 1 用のものを提供しています。しかし、Angular 2 用のジェネレーターは見つかりませんでした。

そのようなヨーマン ジェネレーターは既に存在しますか?

ホームページに背景画像を追加する必要があるという点で、イオンアプリを作成しています。画像サイズは1280*698です。

以下のコードを試してみましたが、

CSS:

HTML:

私の問題は、背景画像が反応しないことです。どうやってやるの？

Angular2コンポーネントからテンプレートへの単純なバインドを試みています。私のテンプレートコードは次のようになります...

次に、私のコンポーネントには次のものがあります...

問題は、newLeft が常に未定義であることです。私は何が欠けていますか？

ローカル サーバーで次のコードを実行しています。

上記は index.html ページです。

上記は main.js ファイルです。

これをサーバーで実行すると、コンソールに次のように表示されます。

上記のコードは、angular 2 の公式 Web サイトであるangular.ioから取得したものです。plunkrで同じコードを実行すると、「My first Angular 2 App」という出力が得られますが、ローカルにはありません。

何か不足していますか？

私は趣味のプロジェクトのためにAngular2に挑戦し始めており、まだデバッグまたは検索する方法がわからないものに遭遇しました。

私はng2-playリポジトリを使い始めました。

私は 2 つの単純なクラスを持っています (このコードは、この投稿のために大幅に単純化されています)。

words-ui.js

words-ui.html

words-data.js

まだ正しく機能していないのは、プロパティの値wordsが更新されたことを認識する「スコープ」だけです。これは、UI がロードされたときに、単語のリストに何も表示されないことを意味します。次に、UI を介してリストに単語を追加すると、すべての単語と追加された単語が表示されます。または、setTimeout を入れてwordsプロパティを独自の値で「リロード」すると、それらが表示されます。

これには正しいパターンを使用していないと思いますが、この状況にどのパターンが適しているかはどこでわかりますか。TypeScript と AngularJS 2 だけでなく、新しい ES6 モジュール システムについても少し迷っています。

問題を説明するためにコードの関連部分を提供したと思いますが、そうでない場合はお知らせください。より良いものをまとめることができます。

更新 1: ビュー ファイルを追加しました。wordsインスタンスの「コンテキスト」への変更WordsUIは反映されません。

angular 2 Component Directives が Shadow Dom を使用していることは知っていますが、それらが Web コンポーネントの仕様にどれだけ深く準拠しているかについては明確ではありません。たとえば、ポリマー要素のように、HTML インポートを使用して他の非 Angular アプリでこれらを使用できますか?

私はangular2を見始めていますが、この簡単なコードで

以下のエラーがあります。

A. そのコンポーネントのコンストラクター B. そのコンポーネントのテンプレート内のコンポーネントのプロパティを参照したいと思います。これに関するAPIは少しシフトしているようですが、次のように動作することを期待しています:

プランカー

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