继承性打字稿中可观察者的主题

Question

我在继承中的Typescript中使用了Subject和Observable。

他们是基类 -

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}}这里发生默认值。

任何帮助都会表示赞赏。