問題タブ [angular2-material]

これは、 Angular 2 Materialコンポーネントを使用する plunker のデモです。md-tab-group

基本的には、これ

高さ 200px の本体を持つタブにレンダリングされます。フレックスレイアウトを使用していますが、最小高さを変更する方法をソースから見つけることができません。実際、このスタイルは次のようにリストされていmd-tab-groupます。

md-tab-group適切に最小の高さを0に戻すにはどうすればよいですか? そして、これはmin-heightどこから来たのですか？

2.0.0-alpha.5この問題はとに固有のもののようです。2.0.0-alpha.5-2には表示されませんmaster。

angular 2 マテリアルと一緒に angular 2 を使用しています。 今までスタイリングにcssを使用していましたが、このコードペンに示されているように、このチェックボックスを使用したいと思います。例: https://codepen.io/Sambego/pen/zDLxeこのscssコードを入れてください。これが私のsubject.component.tsです：

注: Angular Cli は使用しません。

@angular2-material/coreパッケージを追加しました。次に、 @angular2-material/button、@angular2-material/cardなどの他の angular2-material コンポーネントをインストールしました。

systemjs.config.js

アプリを実行すると、以下のエラーが表示されます。

リソースの読み込みに失敗しました: サーバーは 404 (見つかりません) のステータスで応答しました http://localhost:3000/node_modules/@angular2-material/sidenav/リソースの読み込みに失敗しました: サーバーは 404 のステータスで応答しました (見つかりません) http://localhost:3000/node_modules/@angular2-material/toolbar/ リソースの読み込みに失敗しました: サーバーは 404 (見つかりません) のステータスで応答しました localhost/:16 エラー: エラー: XHR エラー (404 見つかりません) http://localhost:3000/ node_modules /@angular2-material/button (…)(匿名関数) @ localhost/:16 の読み込み http://localhost:3000/node_modules/@angular2-material/card/リソースの読み込みに失敗しました: サーバーは 404 (Not Found) のステータスで応答しました http://localhost:3000/node_modules/@angular2-material/input/リソースの読み込みに失敗しました: サーバーは 404 (見つかりません) のステータスで応答しました http://localhost:3000/node_modules/@angular2-material/checkbox /リソースの読み込みに失敗しました: サーバーは 404 のステータスで応答しました (Not Found) http://localhost:3000/node_modules/@angular2-material/radio/ リソースの読み込みに失敗しました:サーバーは 404 のステータスで応答しました (Not Found)見つかりました) http://localhost:3000/node_modules/@angular2-material/icon/リソースの読み込みに失敗しました: サーバーは 404 のステータスで応答しました (見つかりません) http://localhost:3000/node_modules/@angular2-material /list/リソースの読み込みに失敗しました: サーバーは 404 (見つかりません) のステータスで応答しました http://localhost:3000/favicon.icoリソースの読み込みに失敗しました: サーバーは 404 (見つかりません) のステータスで応答しました

簡単な質問と簡単な答え: @angular2-material から自分のプロジェクトにダイアログを追加しようとしていますが、これまでのところ、node-modules/@angular2-material ファイルをプロジェクトの node- にコピーするだけでした。 modules ディレクトリが失敗しました。

npm を使用してコア、ボタンなどを正常にインストールしましたが、ダイアログを使用しようとして失敗しました。デモ ダイアログ アプリ ファイルを概念実証として使用しようとすると、「読み込み中...」しか表示されないため、コンポーネントが正しくインスタンス化されません。

私が使用すべきアプローチは何ですか？ステージ リリース スクリプト、ローカル NPM リポジトリへの公開、... ?

で使用Angular 2 rc 5していng2-Material alpha 7-2ます。

基本的な問題は<md-icon svgIcon='icon'>、同じ svg ファイルから同じアイコンを表示するために使用すると、あるコンポーネントでは機能するが、ルートに提供されているにMdIconModuleもかかわらず、他のコンポーネントでは機能しないことです。MdIconRegistryAppModule

問題を再現するには

• このプランカーを開く
• MdIconModuleとが の一部としてメインにMdIconRegistryインポートされていることに注意してください。MaterialModule.forRoot()AppModule
• を開き、アイコンを登録するためAppComponentの呼び出しに注意してくださいaddSvgIconSet()
• テンプレートで<md-icon svgIcon='ic_account_box_24px'>は、アイコンを表示するために使用されます。ビューでは、アイコンがナビゲーション バーの上に正常に表示されます。
• app/crisis-center/crisis.list.componentビューでクライシス センターを開いて開きます。
• テンプレートに注意してください。同じもの<md-icon>が存在します。ただし、ビューのクライシス リストの上にはアイコンが表示されません。ブラウザー開発ツールの DOM インスペクターは、angular パーサーがそれを angular コンポーネントとして認識さえしなかったことを示しています (dom では、コードとまったく同じままです)

アイコン モジュールとサービスをルート モジュールにインポートしたので、サービスはアプリ全体で使用できるシングルトンになると予想していました。そのサービスを使用してアイコンをiconRegistry.addSvgIconSet()bootstrappedに登録するAppComponentため、アプリ全体でアイコンにアクセスできると予想していました。

PS: これは、私が昨日報告し​​た内容に関連している可能性がありますが、その場合、アプリがクラッシュします。この場合、アイコンは表示されません。

Angular2-material を使用して基本的な Angular2 アプリケーションを実行しようとしていますが、次のエラーが発生します。

zone.js:461 未処理の Promise 拒否: TypeError: core_1.NgModule は関数ではありません

app.component.ts

ここに示すすべての手順に従いました。