Angular 角材料2形态元素

我正在使用以下工具开发Angular web应用程序：

• 角度4.1.2
• 角材料2.0.0-beta.11

我试图创建一个简单的模式对话框，在打开时，它提供一些输入字段供用户完成和提交。我的对话框将包含：

• 简单的文本输入
• 下拉列表
• 日历选择器

首先，我只添加了一个文本输入字段和一个选择下拉列表。我无法理解是否需要创建

并将每个元素包装在

中。当我尝试此操作时，会出现一个错误：

md表单字段必须包含MdFormFieldControl。是否忘记将mdInput添加到本机输入或textarea元素？

如果我没有将

元素包装在

中，我不会得到任何错误，但是样式与它上面的

元素不同

---

我无法确定如何在同一个模式对话框中包含所有3个样式相同的UI组件。任何建议都非常受欢迎。

输入和选择之间的样式不匹配一直是角材料中的一个持续问题。最近通过尽可能多地共享css解决了这个问题，这触发了从

md输入容器

到

md表单字段

的变化。现在，您可以将选择和输入放在

md表单字段中

，它们一起看起来会很好

但是，这些更改在beta.11中不可用。您可以通过安装

material2 builds

来使用它们，否则将不得不等待beta.12版本

---

同时，您可以覆盖CSS（中的签出解决方法）。

输入和选择之间的样式不匹配一直是角度材质中的一个持续问题。最近通过尽可能多地共享css解决了这个问题，这触发了从

md输入容器

到

md表单字段

的变化。现在，您可以将选择和输入放在

md表单字段中

，它们一起看起来会很好

但是，这些更改在beta.11中不可用。您可以通过安装

material2 builds

来使用它们，否则将不得不等待beta.12版本

---

同时，您可以覆盖CSS（中的签出解决方案）。

感谢您的及时回答。如果我尝试将我的

放在

中，我会得到一个错误：md表单字段必须包含MdFormFieldControl。这是意料之中的事吗？如果删除

，则不会出现错误，但样式不匹配。是的，这是预期的

md表单字段

不支持beta.11中的

md select

。此外，请将您的角度版本更新为

4.4.3

。材料2.0.0-beta.11适用于4.4.3或更高版本。好的建议。我注意到beta-12现在可用，并与Angular 4.4.4相结合，我发现您可以在表单字段中放置一个select，它工作正常，看起来很棒。感谢您的快速回答。如果我尝试将我的

放在

中，我会得到一个错误：md表单字段必须包含MdFormFieldControl。这是意料之中的事吗？如果删除

，则不会出现错误，但样式不匹配。是的，这是预期的

md表单字段

不支持beta.11中的

md select

。此外，请将您的角度版本更新为

4.4.3

。材料2.0.0-beta.11适用于4.4.3或更高版本。好的建议。我注意到beta-12现在可用，并与Angular 4.4.4相结合，我发现您可以在表单字段中放置一个select，它工作正常，看起来很棒。