2017-08-21 15 views
1

入力を使用しようとしているangular-material2の問題が発生しました。しかし、私が試したことのどれも働いていません。角材2 md-input-container not working

私はこの問題を取得しています:

<md-input-container> 
<input mdInput placeholder="Favorite food" value="Sushi"> 
</md-input-container> 

I:

'MD-入力-コンテナは、' 知ら要素

Console issue

HTMLではありませんこれを私のコンポーネントにインポートしました.tsと私のapp.tsに:

import { MdInputModule } from '@angular/material'; 

と私はapp.tsで@NgModuleで私の '輸入'

材料の私のバージョンでそれを宣言したが、角度/材料@です@ 2.0.0-beta8

ありがとうございます。

EDIT:私は宣言をする必要がある別のモジュールをインポートしたのapp.module.tsにインポートしました。私のコードは少し面倒です、私はそれをクリアする必要があります。これは私の友人のために申し訳ありません。ケースが閉まった。あなたがapp.moduleの輸入にMdInputModuleを置くべき

​​
+0

どのコンポーネントに 'md-input-container'を使用していますか? – yurzui

+0

このコンポーネントはどこに宣言されましたか? – yurzui

答えて

0
import { MdInputModule } from '@angular/material'; 

、材料のコアディレクティブにアクセスするためのアプリにapp.ts

+2

-1。申し訳ありませんが、 'MaterialModule'は使用しないでください。 [** beta3 **](https://github.com/angular/material2/blob/master/CHANGELOG.md#200-beta3-cesium-cephalopod-2017-04-07)以来廃止されており、おそらく一度[**このPR **](https://github.com/angular/material2/pull/6581)がマージされると、次のビルド( 'beta9')で完全に削除されます。 – developer033

+0

'MaterialModule'はBeta 3以降では非推奨です...developer003 @ – developer033

+0

は、はい私はそれを認識していて、私は私はdownvoteを削除:) developer033 @ – Faisal

-1

インポート素材モジュールに@NgModuleimports: [ MdInputModule ]MdInputModuleを追加.ts。 また、使用するMaterial要素のすべてのモジュールをインポートする必要があります。

+0

これは私の回答とどのように違うのですか? – Faisal

+2

これをしないでください。これは廃止され、すぐに削除されます。 – developer033

+0

ファイサルの答えは、これをしないでください。このモジュールは推奨されておらず、2ヶ月間の使用については十分な警告があります。別の答えにコメント – Mozgor

1

+0

「角度/材料@」から 'インポート{MdInputModule}'私の**ユーザーform.component.tsである**。それから、** app.module.ts **とMdInputModuleで、@NgModuleの_import_に宣言されています。これまでに必要だったすべてのモジュールに対して行っています。 –

0

使用したコンポーネントのモジュールのみをインポートすることで、正しい方法が得られました。 1つまたは2つのコンポーネントしか使用しない場合は、MaterialModule全体をインポートすることは大変です。あなたが確認する必要がありますどのような は(Getting Started guide, step 3から)これです:あなたが使用してどちらのアプローチ

、 NgModulesのインポート順事項として、角度のBrowserModule後アンギュラ材料に モジュールをインポートしてください。

+0

「過剰」よりも、「MaterialModule」全体が消えそうです。あなたが必要とするモジュールをインポートする、それだけです。 – Mozgor