如何在AngularJS中隐藏组件但仍然可以绑定一个外部库？

Question

在我的代码中，我有类似于

的内容

<div ng-if="variableThatEvaluatesToFalse">
   <input id="location">
</div>

我要做的是隐藏一个组件，然后根据用户输入显示它。但是，在我的页面加载时，我希望Google地图附加到我的输入。谷歌地图依赖于document.getElementById（＆＃39; location＆＃39;），这可能是因为AngularJS正在隐藏＆＃39;它。我可以获取document.getElementById（＆＃39; location＆＃39;）来返回我的输入字段，即使它最初被ngIf指令隐藏了吗？

Answer 1

ngIf指令可以防止元素完全包含在DOM中。在这种情况下，您需要的是ngHide，它会将元素保留在DOM中。

请参阅：https://docs.angularjs.org/api/ng/directive/ngHide