无法使用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财产。