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導入錯誤

回答

相關問題