Showing you how you can expose properties on your Controller to access them using #refs inside of your template.

 

// letterSelect.tsimport {Component, View, FORM_DIRECTIVES, NgFor} from 'angular2/angular2';@Component({    selector: 'letter-select'})@View({    directives: [NgFor,FORM_DIRECTIVES],    template: `                    {
   {letter}}            `})export class LetterSelect {    letters: string[] = ['e', 's', 'w'];    selectedLetter: string = 'e';    constructor() {    }}

 

todoList.ts

import {Component, View, NgFor, FORM_DIRECTIVES} from 'angular2/angular2';import {TodoService} from './todoService';import {TodoItemRender} from './todoItemRender';import {StartsWith} from './startsWith';import {LetterSelect} from './letterSelect';@Component({    selector: 'todo-list'})@View({    pipes: [StartsWith],    directives: [NgFor, TodoItemRender, FORM_DIRECTIVES, LetterSelect],    template: `          
     
                
                      
                      
                
     
    `})export class TodoList{    constructor(        public todoService:TodoService    ){    }}