裝訂元件「索引」隱式地具有「任意」類型

使用demo project of angular2-mdl作爲引導我移植的標籤部件，並試圖實現它如下：裝訂元件「索引」隱式地具有「任意」類型

import { Component } from '@angular/core'; 

@Component({ 
    selector: 'my-dashboard', 
    templateUrl: './landing.my.html' 
}) 
export class MyDashboard { 
    public activeIndex = 0; 

    public tabChanged({index}): void { 
     this.activeIndex = index; 
    } 

}

和模板是：

<mdl-tabs mdl-ripple mdl-tab-active-index="0" (mdl-tab-active-changed)="tabChanged($event)"> 
    <mdl-tab-panel mdl-tab-panel-title="home"> 
     <mdl-tab-panel-title> 
      <mdl-icon class="mdl-color-text--primary">home</mdl-icon><span>Home</span> 
     </mdl-tab-panel-title> 
     <mdl-tab-panel-content> 
      <ul> 
       <li>Stanis</li> 
       <li>Joffrey</li> 
      </ul> 
     </mdl-tab-panel-content> 
    </mdl-tab-panel> 
    <mdl-tab-panel mdl-tab-panel-title="something"> 
     <mdl-tab-panel-title> 
      <mdl-icon class="mdl-color-text--primary">group_work</mdl-icon><span>Ontology</span> 
     </mdl-tab-panel-title> 
     <mdl-tab-panel-content> 
      <ul> 
       <li>Stanis</li> 
       <li>Joffrey</li> 
      </ul> 
     </mdl-tab-panel-content> 
    </mdl-tab-panel> 
    <mdl-tab-panel mdl-tab-panel-title="another"> 
     <mdl-tab-panel-title> 
      <mdl-icon class="mdl-color-text--primary">list</mdl-icon><span>Cognitive</span> 
     </mdl-tab-panel-title> 
     <mdl-tab-panel-content> 
      <ul> 
       <li>Robert</li> 
      </ul> 
     </mdl-tab-panel-content> 
    </mdl-tab-panel> 
    <mdl-tab-panel mdl-tab-panel-title="else"> 
     <mdl-tab-panel-title> 
      <mdl-icon class="mdl-color-text--primary">call_split</mdl-icon><span>Cognition</span> 
     </mdl-tab-panel-title> 
     <mdl-tab-panel-content> 
      <ul> 
       <li>Robert</li> 
       <li>Renly</li> 
      </ul> 
     </mdl-tab-panel-content> 
    </mdl-tab-panel> 
    <mdl-tab-panel mdl-tab-panel-title="last"> 
     <mdl-tab-panel-title> 
      <mdl-icon class="mdl-color-text--primary">backup</mdl-icon><span>Streaming</span> 
     </mdl-tab-panel-title> 
     <mdl-tab-panel-content> 
      <ul> 
       <li>Joffrey</li> 
       <li>Myrcella</li> 
       <li>Tommen</li> 
      </ul> 
     </mdl-tab-panel-content> 
    </mdl-tab-panel> 
</mdl-tabs>

我使用的WebPack，我得到以下錯誤：

ERROR in [default] home/my-app-ui/src/app/landing.my.ts:10:23 
Binding element 'index' implicitly has an 'any' type.

但是應用程序顯示所需功能，有人可以解釋如何解決這個問題嗎？

來源

2016-11-22 InsaneBot

使用any或特定類型等變量的（數字，字符串等）

public tabChanged(index:any): void { 
    this.activeIndex = index; 
}

來源

2016-11-22 16:07:47 Thyagu

它是類型腳本編譯器的檢查。您可以刪除支票或在聲明中明確指定任何類型（從@Thyagu回答）。在tsconfig.json文件，你可以在線路

"noImplicitAny": false,

改變

"noImplicitAny": true,

來源

2016-11-22 16:20:51

裝訂元件「索引」隱式地具有「任意」類型

回答

相關問題