Pipes in Angular from @AysegulYonet at #ngConf

impure-pipes.js

PurePipe -- A _stateless_ pipe -- @Pipe({ name: 'filter', pure: false }) -- revert to watch for _any_ change

// Impure pipes
@component({
  selector: 'activities',
  template: `<span>Last modified</span><p>{{ activities | async }}</p>`
})
class ActivitiesComponent {
  activities: Observable<array>;
}

pipes.js

// Create a custom pipe
import {Pipe,PipeTransform} from 'angular2/core'

@Pipe({
  name: 'filterName'
})
export class FilterPipe {
    transofrm(files: string[], filterBy) {
        if (files) {
            return filteredFiles;
        }
    }
}

// Usage
Component({
  selector: 'task',
  template: `
    <tr ngForm="let file in files | filterBy:owner">
      <td>{{ file }}</td>
    </tr>`,
  pipes: [FilterPipe]
})