在NgMap中<shape>上的ng-hide无法正常工作

时间:2017-08-02 06:38:57

标签: angularjs angularjs-directive ng-hide ng-map

我正在尝试使用ng-hide隐藏特定值为空的折线。 但它不起作用,我得到一个黑色折线,我无法摆脱它。

<ng-map center="{{lat}},{{lng}}" disable-default-u-i="true" zoom="15">
                 <shape   ng-repeat="street in streets | filter : query.status" ng-hide="street.status.length === 0"
                          name="polyline" 
                          path="[
                            [{{street.viewport.northeast.lat}}, {{street.viewport.northeast.lng}}],
                            [{{street.viewport.southwest.lat}}, {{street.viewport.southwest.lng}}]
                          ]"
                          geodesic="true"
                          stroke-color="{{street.status | streetColor}}"
                          stroke-opacity="1.0"
                          stroke-weight="10">
                  </shape>
            </ng-map>

1 个答案:

答案 0 :(得分:0)

可能您没有在所有对象中拥有状态属性,因此 ng-hide设置不正确。将ng-hide更改为:,

ng-if="street.status.length > 0"