MD-Dialog 的问题

Question

我有一个如下所示的 MD 对话框控制器。

 var HomeController = function ($scope) {

            $scope.demoNonLinear = function () {
var element = document.querySelector('.mdl-stepper#stepper-non-linear');
                if (!element) return false;
                var stepper = element.MaterialStepper;
                var steps = element.querySelectorAll('.mdl-step');
                var step;

                // Upgrade the component.
                if (typeof componentHandler === 'undefined') {
                    console.log('Missing componentHandler');
                } else {
                    console.log('componentHandler is available');
                    componentHandler.upgradeAllRegistered();
                }

                for (var i = 0; i < steps.length; i++) {
                    step = steps[i];
                    step.addEventListener('onstepnext', function (e) {
                        setTimeout(function () {
                            stepper.next();
                        }, 4000);
                    });
                }

            };
        };

线

var element = document.querySelector('.mdl-stepper#stepper-non-linear');

不适用于 md-dialog html，而是适用于主文档。我可以让它在我的 md-dialog 内容上工作吗？

Plunker 链接 "https://plnkr.co/edit/ixMI8FKbhyTgL5sYieVa?p=preview"

Answer 1

试试这个以角度选择你的元素。

var element = angular.element( document.querySelector( '#stepper-non-linear' ) );

为好的方法而编辑

我已将函数包装在 angular.element(document).ready 事件中，该事件将在文档准备好时执行，而不是 $timeout 方法。

DEMO PLUNKER