Angular 继承类型脚本中的可观察主题

我在《继承》中使用了主题和可观察的字体

他们的阶级是基层-

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)
    }
}

由于预期的结果是—

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

问题是-val和val1只能由TS文件访问。 我没有进入UI，即在HTML

{{{val}}{{val1}}

中出现默认值

任何帮助都将不胜感激

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