問題タブ [angular-material2]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
5228 参照

javascript - Angular2 Material Design alpha.9-3 には、@angular/material の「404 not found」があります

@angular/material をインストールするには、angular material2 Getting Started の指示に従いました。Atom 経由で package.json と app.module を更新し、はじめにの手順を超えて、systemjs.config を次のように更新しました: '@angular/material':'node_modules/@angular/material',

次のエラーが表示されます: zone.js:1274 GET http://localhost:3000/node_modules/@angular/material/ 404 (見つかりません)

(SystemJS) XHR エラー (404 Not Found) http://localhost:3000/node_modules/@angular/material の読み込み中 (…)

多くの @angular フォルダーには umd ファイルを含むバンドル サブフォルダーがあるが、@angular/material フォルダーにはバンドル サブフォルダーがないという事実まで問題を追跡したと思います。したがって、「アンパック」関数は @angular/material/material.umd.js を見つけることができません

systemjs は私のコンフォート ゾーンの外にあるため、上記についてはわかりませんが、alpha.9-3 の新しいファイル構造で 404 問題を解決できません。関連するコードは次のとおりです (他のコンポーネントは表示されていません)。

パッケージ.json

app.module

systemjs.config

フォルダー/ファイル構造を確認したところ、@angular/material/material.umd.js が確実に存在します。404 not found を取り除くにはどうすればよいですか?

0 投票する
0 に答える
75 参照

angular2-meteor - Angular2 Meteor が Angular Material PortalModule で動作しない

Angular2 Meteor チュートリアル ( https://www.angular-meteor.com/tutorials/socially/angular2/bootstrapping ) で提案されている新しい Angular2 Meteor プロジェクトを作成し、チュートリアルに従って Angular2 Material をインストールしました ( https://www. angular-meteor.com/tutorials/socially/angular2/angular-material-and-custom-angular-auth-forms )。すべてが機能します。

次に、PortalModule をインポートしたいので、App.module.tsを編集して、次のコード行を追加します。

(ちなみに、これは、PortalModule を使用するスタンドアロンで動作する Angular2 アプリで私が行っていることとまったく同じです)。

残念ながら、Angular2 Material を使用すると、起動時にランタイム エラーが発生します。ブラウザ コンソールのスタック トレースの上位 2 行は次のとおりです。

ブラウザ コンソール

これは typescript の設定に依存していると思われるので、tsconfig.jsonファイルも追加します (これは、プロジェクトの作成中に Angular2 Meteor が作成した標準です)。

どんな助けでも大歓迎です。前もって感謝します

0 投票する
4 に答える
20088 参照

javascript - Angular 2マテリアル:コンポーネントからのsidenavトグル

私は自分のプロジェクトで Angular 2 Material sidenav を次のように使用しています。

start.toggle()クリックイベントで要素の代わりにコンポーネントから呼び出す方法は?

読んでくれてありがとう

0 投票する
1 に答える
2886 参照

angular - angular 2のラジオボタンとチェックボックスのスペースバーを介してキーボードアクセシビリティを有効にする方法

フォームにはラジオ ボタンとチェック ボックスがあります。タブで移動すると、フィールドが強調表示されます。angular 2マテリアルデザインのスニペットを使用しています。

私のcomponent.tsファイルで-

ページの読み込み時に「いいえ」オプションをデフォルトで選択したいのですが、そうはなっていません。どこが間違っているのか教えてもらえますか?

また、チェックボックスの場合、次回スペースバーを押すとチェックが外れ、スペースバーを押すとチェックが外れます。それは起こっていません。選択されるだけです。私のcomponent.ts-でスペースバーを介してチェックボックスを選択するためのコード

双方向のデータ バインディングが発生していません。ご協力をお願いいたします。ありがとうございます。

0 投票する
1 に答える
129 参照

angular-material2 - MaterialModule には HttpModule が含まれていますか?

Angular Material 2 のMaterialModuleHttpにはデフォルトでプロバイダーが含まれていますか?

Httpから注入するサービスを作成しました@angular/http。メインのAppModuleでHttpModuleのインポートを省略した場合、エラーは発生せず、すべてが期待どおりに機能します。逆に、MaterialModuleのインポートを削除すると、 のプロバイダーがないというエラーが表示されます。Http

0 投票する
2 に答える
20606 参照

angular - 「md-card-title」の既知のプロパティではないため、「ngIf」にバインドできません

私はAngular2 RC5Angular2 マテリアル ライブラリをAspNetCore 1.0使用して学習し、アプリで実行するようにしていますVisualStudio 2015.。完全に実行されているAngular2 RC5単一ページのアプリケーションを使用して、ログイン ページのみが最初に読み込まれる遅延読み込みを導入しようとしました。ログインに成功したら、残りのページをロードしたいと思います。

SPA モードでログイン ボタンをクリックすると、遅延読み込みを導入する前に、ログイン ページがプリロードされた DashboardComponent ページに正常にリダイレクトされました。このチュートリアルに従った後、これらのエラーが発生するようになりました

エラー スニペット

ngIf ディレクティブが突然機能しないのはなぜですか? ログイン成功後に遅延ロードするようにダッシュボードを移動する前は、機能していました。

上記のリンクで共有モジュールアプローチを使用するまで、私はずっと行ってきました。共有モジュールを使用していないことがこの問題の原因ですか? モジュールの共有は、コードをクリーンアップする方法であり、すべてが機能したらそれ以上のことを繰り返さない方法であると推測しました。

私のダッシュボードは、上でたどっているリンクの HeroesList ページに似ており、DashboardModule が読み込まれると、さらにいくつかのページが読み込まれます。MVC 側のダッシュボード ページにブレークポイントを配置し、ログインが成功した場合にのみダッシュボードとページが遅延ロードされることを確認しました。

このエラーは、コアの角度参照および/または angular2 マテリアル ライブラリの参照を取得できないようです。ここにリストされているすべてのインポートを、ルーティングモジュール以外のすべてのモジュールに配置しました

それでも、上記のスニペットのようにエラーが発生します。何が欠けている可能性がありますか?ヘルプやヒントをいただければ幸いです。

編集

Dashboard.Module.ts

DashboardComponent.ts

dashboard-routing.Module.ts

0 投票する
3 に答える
3204 参照

angular - Angular2 material sidenav - rtl/ltr の方向を動的に変更する

ユーザーの言語選択に応じてレイアウトを動的に変更し、その場で LTR から RTL に切り替えようとしています。

Angular 2 rc6、マテリアル 2.0.0-alpha.9-3 を使用しています

ページが読み込まれると、rtl または ltr で完全に機能するように見えます。ただし、アプリ内から動的に変更すると (plunker を参照)、方向は変わりますが、生成された要素 md-sidenav-content の margin-right と margin-left の計算が間違っています。

さらに掘り下げると、_dir オブジェクトには、_dir の変更イベントを監視し、マージンを再計算する必要がある eventEmitter があることがわかりました。

@angular/material/sidenav/sidenav.js:

ただし、方向を動的に変更する場合は呼び出されません。ただし、_dir は、ltr か rtl かに関係なく、ページが初めて読み込まれるときに正しい値を保持します。

最後に、動作を示すプランカーを次に示します。

http://plnkr.co/edit/o8lXWC?p=preview

_dir を正しく使用していないと思われますが、それを行う正しい方法を理解できていません。