title: Angular 2, passing full object as parameter
body: <p>I studying angular 2 and I m having a problem.</p>
  
  <p>In fact, actually, I pass each component property to the template like following :</p>
  
  <pre><code>import {Component, bootstrap, NgFor,NgModel} from 'angular2/angular2';
  import {TodoItem} from '../item/todoItem';
  
  
  @Component({
    selector: 'todo-list',
    providers: [],
    templateUrl: 'app/todo/list/todoList.html',
    directives: [NgFor,TodoItem,NgModel],
    pipes: [],
    styleUrls:['app/todo/list/todoList.css']
  })
  export class TodoList {
  
    list:Array&lt;Object&gt;;
  
    constructor(){
      this.list = [
        {title:"Text 1", state:false},
        {title:"Text 2", state:true}
      ];
    }
  }
  
  
  
  &lt;todo-item [title]="item.title" [state]="item.state" *ng-for="#item of list"&gt;&lt;/todo-item&gt;
  
  import {Component, bootstrap, Input} from 'angular2/angular2';
  
  
  @Component({
    selector: 'todo-item',
    providers: [],
    templateUrl: 'app/todo/item/todoItem.html',
    directives: [],
    pipes: [],
    styleUrls:['app/todo/item/todoItem.css']
  })
  export class TodoItem {
  
    @Input()
    title:String;
  
    @Input()
    state:Boolean;
  
  
  }
  </code></pre>
  
  <p>I was wondering if I can pass the full object directly inside of the template with passing each property ?</p>
  
  <pre><code>&lt;todo-item [fullObj]="item" *ng-for="#item of list"&gt;&lt;/todo-item&gt;
  </code></pre>