問題タブ [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 投票する
4 に答える
7073 参照

angular - angular2(material2)でスナックバーの期間を設定するにはどうすればよいですか

この例は、画面に永久に残ります。

スナックバー-demo.ts

2秒後に消えるようにするにはどうすればよいですか(何らかの方法で期間/タイムアウトを設定してください)?

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

angular - コンポーネント コードによる Angular2 マテリアル コントロール

メソッドが呼び出されstart.toggle()たときに関数 (Angular 2 マテリアル md-sidenav-layout コンポーネントに属する)を開始したいと考えています。test()app.component.ts で md-sidenav-layout を呼び出す方法start.toggle()は?

app.component.html

app.component.ts

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

angular - Material Design ライブラリをすべて使用せずに、Material Design 2 の MD_CARD のみを使用する

すべてのライブラリではなく、必要なマテリアル デザイン コンポーネントだけを使用する方法はありますか? MD_CARD_DIRECTIVES に興味があります。

0 投票する
7 に答える
72336 参照

angular - Angular2 マテリアル 'md-icon' は既知の要素ではありません

@angular2-material 2.0.0-alpha.8-2 バージョンを使用している angular2 アプリケーションがあります。すべて正常に動作します。ここで、マテリアル バージョンを最新の 2.0.0-alpha.9-3 にアップグレードすることにしました。GETTING_STARTEDに記載されている手順に従いました。以前に、以下のように個々のモジュールをインポートしました。

ただし、2.0.0-alpha.9-3 バージョンの変更ログには次のように記載されています。

「Angular Material は @angular2-material/... パッケージから @angular/material の下の単一のパッケージに変更されました。この変更に伴い、すべてのコンポーネントを含む新しい NgModule である MaterialModule があります。」

そこで、明示的にインポートされたマテリアル モジュールを削除し、次のように変更しました。

この変更後、次のエラーが発生します

「md-icon」は既知の要素ではありません:

  1. 「md-icon」が Angular コンポーネントの場合、それがこのモジュールの一部であることを確認してください。
  2. 「md-icon」が Web コンポーネントの場合、このメッセージを抑制するには、このコンポーネントの「@NgModule.schemas」に「CUSTOM_ELEMENTS_SCHEMA」を追加します。

個々のモジュールを明示的にインポートする必要がありますか、または変更ログに記載されているように、MaterialModule にはすべてのコンポーネントが含まれており、個々のモジュールを明示的にインポートする必要はありませんか? 個々のモジュールをインポートするべきではない場合、エラーの原因は何ですか?

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

angular - angular 2マテリアルタブとngForm

angular2 formsModule とmaterial2 libraryを使用しています。

タグformの外側で の有効性を確認しようとすると、form

エラー: 未定義のプロパティ 'valid' を読み取ることができません

タグはformタグにラップされてmd-tabおり、エラーがそれに依存していることに気付きました。

エラー:

エラーなし:

誰かが私が間違っていたことを見つけますか? 私の英語でごめんなさい。

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

angular - angular2 router3 routerLink を material2 ボタンまたはボタンアイコンで使用する

私はシンプルなUIを持っています

上記の routerLink バインディングは失敗し、常に次のように失敗します。

エラーは理解できますが、実際に routerLink を material2 ボタンまたはボタン アイコンに追加する方法はありますか?

このような単純な手順が非常に不可能に思えることを受け入れるのはかなり難しい.

私は以前に質問をして、2016年6月に機能する回答を得ました-その回答は機能しなくなりました( material2ツールバー、ボタン、およびangular-cliルーターの使用方法)

ありがとう