問題タブ [angular-material2]

Angular 2 と Material 2 を使用して sidenav を開発しています。

Open Stateでは、以下のようになります。

しかし、閉じる状態では、サイドナビゲーション全体が非表示になります。代わりに、アイコンではなくメニューテキストのみを非表示にしたいです。

私のコードを見て、

Angular2 が RC5 をローンチしたことを以前に見たので、テスト アプリの 1 つを更新して、変更と調整方法を確認することにしました。このアプリは Material2 を使用しており、Alpha 7.2 にも更新しましたが、md-button コンポーネントを使用しようとするとこのエラーが発生します

「テンプレート解析エラー: 'div' の既知のプロパティではないため、'md-ripple-trigger' にバインドできません。 ("*ngIf="isRippleEnabled()" class="md-button-ripple" [ class.md-button-ripple-round]="isRoundButton()" [エラー ->][md-ripple-trigger]="getHostElement()" [md-ripple-color]="isRoundButton() ? 'rgba( 255, 255, 255, 0.2)"): MdButton@0:180 「div」の既知のプロパティではないため、「md-ripple-color」にバインドできません。("ton-ripple" [class.md-button-ripple-round]="isRoundButton()" [md-ripple-trigger]="getHostElement()" [ERROR ->][md-ripple-color]=" isRoundButton() ? 'rgba(255, 255, 255, 0.2)' : ''" md-ripple-background-color="rgb"): MdButton@0:219"

と呼ばれる追加しようとしている新しいコンポーネントで使用していnav-barます。マテリアルが追加された Angular CLI 作成ファイルを次に示します。

TypeScript ファイル

HTMLファイル

ng serve を使用すると、アプリケーションは正常に動作しているようです。ローカルホストに移動してもエラーはありません。

prod ビルドを実行してサイトを公開すると、次のエラーが表示されます: EXCEPTION: Error: Uncaught (in promise): No value accessor for form control with name: 'email'

私はcli 1.0.0-beta.11-webpack.2を使用しています。角度 2 RC5; 材料 2.0.0-alpha.7-4。

app.modlues.ts は次のようになります。

エラーが発生するログイン コンポーネント:

ログイン コンポーネント html:

Alpha 7 にアップグレードしたばかりですが、アップグレード後に Slide Toggle が壊れているようです。

Visual Studio 2015 でプロジェクトをコンパイルすると、次のエラーが表示されます。

どうやら、以下の行がslide-toggle.d.tsで問題を引き起こしているようです: