html – ng-map尊重材料布局

概述我正在尝试使用带有两列的角材料设计来创建一个布局： <div layout="row"> <div flex="33"> 123 </div> <div flex="77"> 456 </div></div> 没关系.但如果我放置ng-map元素： <div layout="row"> <div flex="33"> 123 </div> <d 我正在尝试使用带有两列的角材料设计来创建一个布局：

<div layout="row">  <div flex="33">    123  </div>  <div flex="77">    456  </div></div>

@H_419_4@没关系.但如果我放置ng-map元素：

<div layout="row">  <div flex="33">    123  </div>  <div flex="77">    <ng-map ></ng-map>  </div></div>

@H_419_4@呈堆积垂直.为什么？

@H_419_4@演示：https://plnkr.co/edit/mNdHAwGXC0vLE7Erttib?p=preview

解决方法 查看控制台,您可以看到以下错误：

@H_419_4@TypeError: $element.bind is not a function
at new __MapController (ng-map.Js:318)

@H_419_4@flex属性应用CSS样式,样式如下：

@H_419_4@./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}

@H_419_4@然后一些其他的风格,但那些负责flexgrID.如果您在< ng-map>的父级上手动应用样式,那么它们就可以正常工作.

@H_419_4@< ng-map>中提到的错误在一段时间内停止脚本执行,不足以在包装< div&gt ;.上应用预期的.flex- *类形式./angular-material.min.CSS. 考虑opening new issue(我检查了他们,现在没有关系)或者只是使用不同的地图插件.

总结

以上是内存溢出为你收集整理的html – ng-map尊重材料布局全部内容，希望文章能够帮你解决html – ng-map尊重材料布局所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。