Предмет наблюдаемых в наследовании Typescript

Question

Я использовал Subject и Observable в Typescript в Inheritence.

Это базовый класс -

class Animals{
   val: string = 'not present';
   val1: string= 'not present 1'; 
   subject: Subject<string> = new Subject();  

   data = Observable.create(obs => {
        obs.next('Ohla ! me created');
      })
  constructor(){
       this.subject.subscribe(data=>this.val = data)
       this.subject.subscribe(data=>this.val1 = data)
    }
}

Это унаследованный класс

class Horse extends Animals {
   val2: string = 'not present 3';

  constructor(){

        super();
        this.subject.subscribe(data=> this.val2 = data);
        this.data.subscribe(this.subject);   
    }
}

Поскольку ожидаемый результат будет таким -

 val='Ohla ! me created';
 val1='Ohla ! me created';
 val2='Ohla ! me created';

Проблема в том, что val и val1 доступны только для файла TS. Я не получаю в интерфейсе т.е. в HTML {{val}} {{val1}} здесь значение по умолчанию имеет место.

Любая помощь будет оценена.