Angular2 @Inputに動作していない（ヌル）

Question

〜2.1.1

私はここで答えを試みたが、何の提案が私のために働いていない：ここで Angular 2 Component @Input not working

は私のスピナーです私は別のコンポーネントで使用している部品：

import {Component} from '@angular/core' 
import {Post} from './post' 
import {PostsService} from './posts.service' 


@Component({ 
    selector: 'home', 
    template: `<h2>Posts</h2> 

     <spinner [visible]="isloading"></spinner> 

     <ul *ngFor="let post of posts" class="list-group"> 

      <li class="list-group-item"> {{post.body}} </li> 

     </ul> 
    `, 
    providers:[PostsService], 

}) 

export class PostsComponent{ 

    posts:Post[]; 
    isLoading:boolean = true; 

    constructor(private _postsService: PostsService){ 

    } 

    ngOnInit(){ 

     this._postsService.getPosts() 
      .subscribe(posts => { 
       this.isLoading = false; 
       this.posts = posts; 
      }); 
    } 


} 

ここでは、タグのブラウザで出力は何かということです：

<!--template bindings={ 
    "ng-reflect-ng-if": null 
}--> 

ngOnInit（）で 'visible'をtrueに初期化しようとしましたが、スピナーが表示されますが、isloadingをfalseに設定して再び非表示にすることはできません。

Answer 1

変数はテンプレートとコンポーネントの間で同じ名前ではありません。

あなたは 'isloading'を持っているテンプレートと 'isLoading'コンポーネントにあります。

ケーシングの問題。