无法使用querySelector / getElementById获取md-dialog的子元素

Question

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

以下是使用的一些工作：

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

但它会在此demo

上返回null

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属性。