Angular2 cli导入错误

Question

我正在尝试在我的 Angular2 项目中使用 mdl-stepper。 在我的 HTML 中：

    <li class="mdl-step">
        <span class="mdl-step__label">
            <span class="mdl-step__title">
                <span class="mdl-step__title-text">Step 2</span>
            </span>
        </span>
        <div class="mdl-step__content">
            <h4>Step 2</h4>
        </div>
        <div class="mdl-step__actions">
            <button class="mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--colored mdl-button--raised" data-stepper-next>
                Continue 
            </button>
            <button class="mdl-button mdl-js-button mdl-js-ripple-effect" data-stepper-cancel>
                Cancel
            </button>
            <button class="mdl-button mdl-js-button mdl-js-ripple-effect" data-stepper-back 
            (click)="onstepback($event)">
                Back
            </button>
        </div>
    </li>

点击后退按钮我正在触发一个事件。在onbackstep(){} 内的home.component.ts 文件中，我有以下内容：

var stepperElement = document.querySelector('ul.mdl-stepper');
var Stepper;

Stepper = stepperElement.MaterialStepper;

它给了我编译错误说Property 'MaterialStepper' does not exist on type 'Element'

我必须导入一些东西吗？

Answer 1

尝试使用 var stepperElement = document.querySelector(selector);

它对我有用。现在没有错误了。