javascript - document.getElementById() 在 uib-tab 内不起作用

Question

当我的 DOM 元素位于 uib-tab 之外时，它工作正常

HTML:

<input type="file" id="clickMe"/>
   <uib-tab>

   </uib-tab>

Angular Controller :

console.log(document.getElementById('clickMe'));

并给我想要的结果。

但是当我将 DOM 元素 放入 uib-tab 中时，然后

HTML:

<uib-tab>
    <input type="file" id="clickMe"/>
</uib-tab>

Controller :

console.log(document.getElementById('clickMe'));

给我null。

请帮忙。

Answer 1

猜测您正在尝试在页面仍然未完全呈现时进行控制台。您应该尝试用 $timeout 包装它，它等于 document.ready。

引用这个plunker .