無法使用querySelector/getElementById獲取md對話框的子元素

Question

如何使用元素的ID獲取<md-dialog>的子元素？

下面是使用一些工作圍繞做：

console.log(document.getElementById('input-file-upload')); // returns null 
console.log(document.querySelector('#input-file-upload')); // returns null 

但在這裏返回null這個demo

Answer 1

您需要等到模式是開放的。如果你把你的代碼放在$timeout之內，它就可以工作。

$timeout(function(){ 
    // HERE is the Problem i cannot get input file element by queryselector/getElementById 
    console.log(document.getElementById('input-file-upload')) // returns null 
    console.log(document.querySelector('#input-file-upload')) // returns null 
}); 

或者，你可以使用$ mdDialog的onComplete財產。