$mdDialog bug using template vs. templateURL

[nikkwong]

I have two, almost identical scripts calling a mdDialog via mdDialog.show. One of which, uses an inline template, the other, which references a templateUrl. The one that uses the inline template, throws a i.hasAttribute is not a function error—while the other one works just fine.

Not working (inline template)

http://plnkr.co/edit/m6HDhrgcVlXumwDhyQYu?p=preview

Working (templateUrl)

http://plnkr.co/edit/955VxMkBjPy5DvmQjIg0?p=preview

Known bug?

Just to note—this bug isn't plnkr specific, it's happening to me locally as well. Thanks!

[GuyShaanan]

+1
Also having the same problem with $mdDIalog and templateUrl:
The following lines (22-26) from material/src/core/services/aria/aria.js in tag 0.10.1 might shed some light:

function expect(element, attrName, defaultValue) {
    var node = element[0] || element;

    // if node exists and neither it nor its children have the attribute
    if (node &&
       ((!node.hasAttribute(attrName) ||
        node.getAttribute(attrName).length === 0) &&
        !childHasAttribute(node, attrName))) {

In my case, element is an empty array ([]), so after

 var node = element[0] || element;

node is an empty array itself, and the expression if(node), where node is an empty array, evaluates to true.

(This doesn't fix the issue, just explains why the exception is thrown)

[smashercosmo]

Just faced the same issue. Dialogs with inlined templates simply don't open, because of js error.
@ThomasBurleson why it's in the backlog? Seems pretty critical to me.

[ThomasBurleson]

@GuyShaanan - your comment is helpful.
@smashercosmo - some items are in the backlog because the team is simply working at maximum capacity with other issues. Nevertheless, with the above information, I think this can be quickly resolved.

[jessekoconnor]

Is the resolution here that you just cannot use a templateUrl?

[Splaktar]

@jessekoconnor no, this was fixed in 22c34ba as part of 0.11.0. Please take a look at the restrictions section of this doc: https://material.angularjs.org/latest/api/service/$mdDialog.