2016-11-22 9 views
1

Использование demo project of angular2-mdl в качестве руководства я портировал вкладку компонент и пытался реализовать следующим образом:Binding элемент неявно имеет «любой» тип

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. 

однако приложение отображает желаемое функциональность, может кто-нибудь объяснить, как это исправить?

ответ

2

использование any или определенный тип переменной, как (числа, строки и т.д.)

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

Это проверка компилятора типа сценария. Вы можете либо удалить чек, либо указать явно какой-либо тип объявления (ответ от @Thyagu). В файле tsconfig.json, вы можете изменить линию

"noImplicitAny": false, 

в

"noImplicitAny": true, 

 Смежные вопросы

  • Нет связанных вопросов^_^