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对话框内容上工作吗？

Plunker链接＆＃34; https://plnkr.co/edit/ixMI8FKbhyTgL5sYieVa?p=preview＆＃34;

Answer 1

尝试此操作以角度选择元素。

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

编辑好方法

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

DEMO PLUNKER

MD-Dialog问题

1 个答案: