title: Angular 11 fill input in HTML
body: <p>I'm facing a problem, mainly I cannot fill a value in input but in the HTML. I searched but nothing seems to work. I tried value, <code>(value)</code>, <code>[(value)]</code>, <code>&quot;k.bag.ConstructionYear&quot;</code>, <code>&quot;{{k.bag.ConstructionYear}}&quot;</code> and other combinations and nothing seems to work.</p>
  <p>mycomponent.html</p>
  <pre><code>&lt;ng-container
    *ngIf=&quot;{
      // other stuff
      firstStepState: firstStepState$ | async
    } as o&quot;
  &gt;
    //........
    &lt;ng-container *ngIf=&quot;{
            bag : testService.getData(o.firstStepState.value1, o.firstStepState.value2) | async
          } as k&quot;&gt;
  
      &lt;ng-container *ngIf=&quot;k.bag !== undefined &amp;&amp; k.bag !== null&quot;&gt;
      {{k.bag.ConstructionYear}} // &lt;-- this is showing 
  
      &lt;input
          type=&quot;text&quot;
          name=&quot;constructionYear&quot;
          formControlName=&quot;constructionYear&quot;
          id=&quot;constructionYear&quot;
          data-test=&quot;constructionYear&quot;
          placeholder=&quot;&quot;
          [value]=&quot;k.bag.ConstructionYear&quot; &lt;-- this is the problem
      /&gt;
      
  </code></pre>