我正在尝试使用带有两列的角材料设计来创建一个布局：
<div layout="row">
<div flex="33">
123
</div>
<div flex="77">
456
</div>
</div>
没关系.但如果我放置ng-map元素：@H_502_5@
<div layout="row">
<div flex="33">
123
</div>
<div flex="77">
<ng-map ></ng-map>
</div>
</div>
呈堆积垂直.为什么？@H_502_5@
演示：https://plnkr.co/edit/mNdHAwGXC0vLE7Erttib?p=preview@H_502_5@
解决方法
查看控制台,您可以看到以下错误：
TypeError:
$element.bindis not a function
atnew __MapController(ng-map.js:318)@H_502_5@
./angular-material.min.css@H_502_5@
.layout-row>.flex-66 {
-webkit-Box-flex: 1;
-webkit-flex: 1 1 66.66%;
flex: 1 1 66.66%;
max-width: 66.66%;
max-height: 100%;
Box-sizing: border-Box
}
然后一些其他的风格,但那些负责flexgrid.如果您在< ng-map>的父级上手动应用样式,那么它们就可以正常工作.@H_502_5@
< ng-map>中提到的错误在一段时间内停止脚本执行,不足以在包装< div> ;.上应用预期的.flex- *类形式./angular-material.min.css. 考虑opening new issue(我检查了他们,现在没有关系)或者只是使用不同的地图插件.@H_502_5@
