Угловая 2 трубы с переменным параметром

Question

Я изучаю Angular2/Ionic2, поэтому, пожалуйста, извините мое невежество. Я добрался до обучения Pipes, и все казалось легким, пока я не наткнулся на эту проблему. Позвольте мне продемонстрировать проблему, используя прекрасный пример с температурами.

Скажите, что у меня есть труба, возвращающая значение температуры Celisus или Fahrenheit, в зависимости от настройки, сохраненной на localStorage (значение по Цельсию - по умолчанию).

Так что я создал трубы, которые делают это:

export class TemperatureConverterPipe implements PipeTransform { 

    // Selected temperature unit 
    private unit: string; 

    constructor(private settings: Settings){ 
    // Get immediately the temperature unit from localStorage 
    // And subscribe to changes 
    this.settings.radio().subscribe(data => { 
     this.unit = data.temp_unit 
    }); 
    } 

    // Return temperature 
    transform(value: number): number { 
    switch(this.unit){ 
     case "c": 
     return value; 
     break; 
     case "f": 
     return celsiusToFahrenheit(value); 
     break; 
     default: 
     return value; 
    } 
    } 

    // Convert celsius temp to fahrenheit 
    celsiusToFahrenheit(value: number){ 
    return value * 9/5 + 32; 
    } 

} 

Проблемы я застрял на:

1. Как эта труба может наблюдать за изменением параметров (единица измерения температуры) и возвращает новые значения (от C до F)? Потому что в настоящее время он только следит за изменениями ввода (температуры).
2. Это правильный способ решить эту проблему?

спасибо!

Answer 1

трубы:

@Pipe(name: 'tempConverter') 
export class TemperatureConverterPipe implements PipeTransform { 

     // Selected temperature unit 
     //private unit: string; 

     constructor(){ 

     } 

     // Return temperature 
     transform(value: number,unit:string): number { 
     switch(unit){ 
      case "c": 
      return value; 
      break; 
      case "f": 
      return celsiusToFahrenheit(value); 
      break; 
      default: 
      return value; 
     } 
     } 

     // Convert celsius temp to fahrenheit 
     celsiusToFahrenheit(value: number){ 
     return value * 9/5 + 32; 
     } 

    } 

HTML вызов:

[temperatureProperty]="value | tempConverter:unit" 

Подписаться на службу в ngOninit вызова компонента и передать блок.

Answer 2

Вы можете сделать нечистых трубы

@Pipe(name: 'tempConvert', pure: false) 
export class TemperatureConverterPipe ... 

таким способом труба называется каждое обнаружение изменения времени запуска. С нечистыми трубами вы должны убедиться, что труба не делает дорогой работы, потому что она будет называться очень часто.