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

私のために働いています。今はエラーはありません。