如何在AngularJS中隱藏一個組件，但仍然得到一個綁定到它的外部庫？

Question

在我的代碼有類似

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

我試圖做的是隱藏組件，然後再顯示它在響應用戶輸入的東西。不過，在我的頁面加載時，我希望Google地圖可以附加到我的輸入中。谷歌地圖依賴於document.getElementById（'location'），這可能是因爲AngularJS'隱藏'它。我可以得到document.getElementById（'location'）返回我的輸入字段，即使它最初由ngIf指令隱藏嗎？

Answer 1

ngIf指令可以防止元素被包含在DOM中。在這種情況下你需要的是ngHide，這會保持DOM中的元素。

請參閱：https://docs.angularjs.org/api/ng/directive/ngHide