Jquery 标签动画(材质角度)导致默认文本出现问题“;输入一个位置”;GoogleMapsPlacesAPI

Jquery 标签动画(材质角度)导致默认文本出现问题“;输入一个位置”;GoogleMapsPlacesAPI,jquery,angularjs,google-maps,google-places-api,angular-material,Jquery,Angularjs,Google Maps,Google Places Api,Angular Material,我有一个角度输入文本,我使用它通过Google Places API选择位置。 这是输入: <md-input-container style="width: 30%;"> <label>Location</label> <input type="text" id="gplace" googleplace> </md-input-container> 位置 在ja

我有一个
角度输入文本
,我使用它通过Google Places API选择位置。 这是输入:

<md-input-container style="width: 30%;">
  <label>Location</label>
  <input type="text" id="gplace" googleplace>
</md-input-container>

位置
在javascript中,我有一个简单的脚本,可以使用
角度指令
使输入工作并检索位置

谷歌提供的
标签
“位置”和默认的
占位符
(“输入位置”)会出现问题。我可以通过设置我自己的
占位符
(即设置为空白,这是我最终需要的)来删除默认的
占位符
,以便不显示任何内容。但是如果我这样做,标签动画“停止工作”,并且无论我是否插入文本,所提到的
标签始终保持在上方

我还尝试使用
jQuery
删除占位符,并执行类似
$('elem')的操作但它不起作用

所以,我需要的是标签动画工作良好,没有任何文本内的输入


。但是,它并不代表问题所在,因为它不允许我覆盖占位符,但它可以帮助您尝试在本地重现情况。

我最终自己解决了这个问题。我只是将占位符的
可见性
属性设置为
隐藏
,如下所示:

#gplace::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    visibility: hidden;
}
#gplace::-moz-placeholder { /* Firefox 19+ */
    visibility: hidden;
}
#gplace:-ms-input-placeholder { /* IE 10+ */
    visibility: hidden;
}
#gplace:-moz-placeholder { /* Firefox 18- */
    visibility: hidden;
}

我实际上也遇到了同样的问题,我无法复制您的解决方案。你找到新的解决办法了吗?