Angular 2 mdInput:嵌套组件中的奇怪行为

时间:2017-09-22 10:07:07

标签: angular input nested components material

我使用Angular Material为我的Angular 2 App和md Input。现在我有一个嵌套组件:在上层次结构中有一个div,它包含三个md Input组件和一个tab-view组件。在tab-view组件的内容中,还有另一个mdInputs。问题是,嵌套组件内的输入字段会丢失其下划线,文本位置也不是100%正确。还有其他人有同样的问题吗?

我删除了所有样式表,但行为仍然存在。见下面的例子:

See example

编辑1:添加了上层html节点的副本并将其插入到单个.html文件中,它看起来像预期的那样。这真是令人困惑,因为一切都应该是相同的:

Link to index.html

编辑2:

问题仅发生在chrome-debug-mode中。如果我只是在localhost:4200上运行应用程序,即firefox和chrome它可以正常工作。这真令人困惑。

由于

0 个答案:

没有答案