Angular2 cli导入错误

我想在我的Angular2项目中使用mdl-stepper。在我的HTML上：Angular2 cli导入错误

<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>

关于返回按钮单击我发射一个事件。在我home.component.ts文件中onbackstep(){}我有以下几点：

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

Stepper = stepperElement.MaterialStepper;

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

我一定要导入的东西吗？

来源

2017-02-20 Nitish

尝试使用 var stepperElement = document.querySelector（selector）;

它为我工作。现在没有错误。

来源

2017-05-23 09:18:28

如何在组件中定义选择器？ – Nitish

也许你可以回答这个最新的问题：https：//stackoverflow.com/questions/43994410/using-mdl-stepper-events-in-angular2-cli – Nitish

Angular2 cli导入错误

回答

相关问题