title: BehaviorSubject does not deliver value
body: <p>In my code I got two compoents. Component 1 gets Data from an Input, assembles the data via string concatenation and should send it via service to component 2 where the data is processed furthermore. The Problem is that the subscribe method in component 2 is never called.</p>
  <p><strong>Component 1</strong></p>
  <pre><code>inputData = ''; // values assigned through template input
  
  submit() {
  console.log(this.inputData);
  this.service.method(this.inputData) } //method is called when form is submitted
  </code></pre>
  <p><strong>Service</strong></p>
  <pre><code>dataSubject = new BehaviorSubject&lt;string&gt;('');
  data$ = this.dataSubject.asObservable();
  
  method(data) {
  this.dataSubject.next(data); } 
  console.log(this.inputData);
  </code></pre>
  <p><strong>Component 2</strong></p>
  <pre><code>insertedData = '';
  
  method() {
  this.service.data$.subscribe(
  data =&gt; this.insertedData = data,
  error =&gt; console.error(error))
  
  console.log('here is the data' + this.insertedData) } method is called when a button from that component is pushed
  </code></pre>
  <p>Everything works as expected in Component1 and the Service I can console.log the data that comes from the user input. But when it gets to component2 the data is not there and just the initial value which is ' '(empty string) gets console.logged. That is because subscribe never happens. (I've also tried to just console.log a message there to see if it runs in there but nothing happend so I assume that subscribe never gets executed). On the other hand there  is also no error message which could help me to identify the problem.</p>