2017-10-02 23 views
0

私が使用して角度のWebアプリケーションを開発しています:角度資料2つのフォーム要素

  • アンギュラ4.1.2
  • 角度素材2.0.0-beta.11

私が作成しようとしています開いたときにユーザが完了して提出するための入力フィールドを提供する単純なモーダルダイアログ。私のダイアログボックスには以下が含まれます:

  • 単純なテキスト入力。私はテキスト入力フィールドを選択し、ドロップダウンリストを追加したと
  • ドロップダウンリスト
  • カレンダーピッカー

を開始します。 <form>を作成し、各要素を<md-form-field>にラップする必要があるかどうかはわかりません。私はこれをしようとすると、私はエラーを取得する:

md-form-field must contain a MdFormFieldControl. Did you forget to add mdInput to the native input or textarea element?

私は<md-form-field><md-select>要素をラップしていない場合、私はエラーを取得していないが、スタイリングは、それ以上の<input>要素は異なっています。

3つのUIコンポーネントを同じモーダルダイアログ内に均等に配置する方法を考えることができません。どんなアドバイスも大歓迎です。

答えて

0

入力と選択の間のスタイリングの不一致は、角度材料で進行中の問題でした。これはできるだけ多くのCSSを共有することで最近解決されたばかりで、md-input-containerからmd-form-fieldへの変更を引き起こしました。 md-form-fieldの中に選択と入力を配置できるようになりました。

ただし、これらの変更はbeta.11では利用できません。 material2-buildsをインストールして使用することもできますが、それ以外の場合はbeta.12のリリースを待つ必要があります。

平均して、CSSを無効にすることができます(this threadのチェックアウトの回避策)。

+0

すぐにお返事ありがとうございます。 ''を ' '内に配置しようとすると、エラーが出ます:md-form-fieldにはMdFormFieldControlが含まれている必要があります。これは期待されていますか? ' 'を削除しても、エラーは出ませんが、スタイリングが正しく一致しません。 – TDC

+1

はい、そうです。 'md-form-field'はbeta.11の' md-select'をサポートしていません。 –

+0

また、角度バージョンを「4.4.3」に更新してください。 Material 2.0.0-beta.11は4.4.3以上で動作します。 – Faisal

関連する問題