我正在尝试使用带有两列的角材料设计来创建一个布局：
<div layout="row">
<div flex="33">
123
</div>
<div flex="77">
456
</div>
</div>
没关系.但如果我放置ng-map元素：
<div layout="row">
<div flex="33">
123
</div>
<div flex="77">
<ng-map ></ng-map>
</div>
</div>
呈堆积垂直.为什么？
解决方法
查看控制台,您可以看到以下错误：
TypeError:
$element.bindis not a function
atnew __MapController(ng-map.js:318)
flex属性应用CSS样式,样式如下：
./angular-material.min.css
.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>的父级上手动应用样式,那么它们就可以正常工作.
< ng-map>中提到的错误在一段时间内停止脚本执行,不足以在包装< div> ;.上应用预期的.flex- *类形式./angular-material.min.css. 考虑opening new issue(我检查了他们,现在没有关系)或者只是使用不同的地图插件.
