これは、以前の投稿のいくつかで尋ねられました。特定の方法で機能させることはできますが、この方法で機能させることはできません。

これを参考に

MaterialDesignLiteUpgradeElement.ts

PrivateServersComponent.ts

privateServer.html

UI が正しく表示されません。そして、次のエラーメッセージが表示されます

directives:[mdl]追加しなくても正しく動作しますcomponentHandler.upgradeAllRegistered()

編集

次のようにコンストラクターに変更を加えました

そしてそれはうまくいきます。

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

初期ロードでは問題なく動作しますが、タブをこのタブに戻すと、このエラーが発生します。

また、 MaterialDesignLiteUpgradeElementを次のように変更しようとしましたが、うまくいきません。

コンポーネントに対して異なるビュー (html+css) を使用する方法を理解する必要があります。多くの人は、これらのビューごとに複数のコンポーネントを用意し、サービスを使用して対話する方が良いと言っていますが、私の場合は次のとおりです。基本的にレイアウトであるビューを持つコントローラーがあります。レイアウトの上部に 3 つのペインがあり、下部に 1 つのペインがあるとします。これで、レイアウトを上部の 2 つのペインと下部の 2 つのペインに変更するためのボタンがビューに表示されました。したがって、基本的に私のデータは変更されません。html と css を変更するだけです。また、最初のレイアウトがいくつかのデータで満たされている場合、変更はデータではなくレイアウトの変更のみであるため、レイアウトを変更するときに変更したり、再初期化したりしたくありません。

angular2でこれを達成する方法を理解するのは困難です。何か案は？

こんにちは、複数のレイアウトに切り替えたい Web ページがあります。codepen.io に似ています。angular2でそれを行う最良の方法は何ですか?

4 つのレイアウトがあるとします。*ngIf="layout1"最初のレイアウトを配置して配置し、次に2*ngIf="layout2"番目のレイアウトを配置して、というように配置できます。しかし、それは最善の方法ですか？レイアウトを変更すると、html と css の両方が変更されることに注意してください。

私は angular2 を使用しています。ドロップダウン リストがあり、(change)イベントで呼び出される関数があります。しかし、このイベントは発火していません。以下は私のコードです

ドロップダウンリストはロードされていますが、onSelect(value)関数が起動していません! 誰か助けてください!!

演習シートを生成するために構築した、非常に単純な小さな Angular2 アプリを作成しました。ただし、アプリ ngIf をデプロイすると機能しないようです ( ISP のデフォルト Web サーバーまたは自分のHeroku /local デプロイされた node-http-server のいずれか)。開発ノード サーバー () でまったく同じコード ベースを実行すると、npm startngIf は期待どおりに動作します。

これをデバッグする方法について誰かが何らかのガイダンスを持っている場合、私は非常に感謝しています.

関連するコードは次のとおりです

src/template.html

app.ts

アプリがローカルで起動すると、「左上の単語をクリック (<click>)」と表示されます (このプランカー リンクに表示されているように)。ただし、アプリをデプロイすると、「左上の単語をクリックします」と表示されます。私は以前、デプロイメントでの ngFor に関する同様の問題を発見しました。ただし、dev と deploy の両方で次のコードが表示されます

したがって、テンプレートは少なくともある程度処理されています。私の最善の推測は、 gulpを介してbundle.js ordependencies.jsファイルを生成するときに何か問題が発生しているに違いないということです。ただし、Chrome 開発コンソールを介して開発サイトまたはデプロイ サイトに Javascript エラーは表示されません。

私の gulpfile からの関連タスクの一部を次に示します。

Angular2.0.0-beta.7 を使用しています。私の gulp デプロイ パイプラインも、次の構成で Webpack1.12.2 を使用します。

webpack.config.js

JSPM を使用して Angular 2 (beta.6) をインストールしました。その後、アプリを起動すると、「reflect-metadata」が必要であるというメッセージが表示されます ( Angular2 + Jspm.io も参照してください: クラス デコレータを使用する場合は、reflect-metadata shim が必要です)。これも JSPM 経由でインストールすると、問題が解決します。

しかし、次の問題に出くわします。ngFor は私に期待される動作を与えていません。コンポーネントのリストにレコードを追加しても、更新されません。クリックイベントハンドラーやsetTimeoutなどを介してそれらを追加しようとしましたが、いわゆる「アプリケーションティック」をトリガーしていないようです。