<div>
somewhere you're setting "legalEntity$" just after, inside the same function (if possible or be careful about asynchronous function/call), you set selectedEntity <pre><code class="code-1 nolinks" id="code-20-43097445-1">selectedEntity = "somevalue";
</code></pre> 
</div>

<div>
So forgive the basic level of understanding, but what&nbsp;does that actually look like? In the ngOnInit for the menu component I have subscribed to the observable that gets the data from the back-end with the following:<pre><code class="code-1 nolinks" id="code-20-43097587-1">&nbsp; &nbsp; this.appEntityDataService.currLegalEntities
&nbsp; &nbsp; &nbsp; .pipe(
&nbsp; &nbsp; &nbsp; &nbsp; takeUntil(this.destroyLE$)
&nbsp; &nbsp; &nbsp; )
&nbsp; &nbsp; &nbsp; .subscribe(legalEntity&nbsp;=&gt;&nbsp;{
&nbsp; &nbsp; &nbsp; &nbsp; this.legalEntity$ = legalEntity
&nbsp; &nbsp; &nbsp; })
</code></pre>When I try to assign this to the selectedEntity (or at least what I think is assigning) by doing the following:<pre><code class="code-1 nolinks" id="code-20-43097587-2">&nbsp; &nbsp; this.appEntityDataService.currLegalEntities
&nbsp; &nbsp; &nbsp; .pipe(
&nbsp; &nbsp; &nbsp; &nbsp; takeUntil(this.destroyLE$)
&nbsp; &nbsp; &nbsp; )
&nbsp; &nbsp; &nbsp; .subscribe(legalEntity&nbsp;=&gt;&nbsp;{
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;this.legalEntity$&nbsp;=&nbsp;legalEntity;
&nbsp; &nbsp; &nbsp; &nbsp; console.log('legal&nbsp;entity&nbsp;returned&nbsp;stringyfied&nbsp;:&nbsp;'&nbsp;+ (JSON.stringify(legalEntity)));
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;this.selectedEntity =&nbsp;this.legalEntity$;
&nbsp; &nbsp; &nbsp; })
</code></pre>I get the following from the console:<pre><code class="code-1 nolinks" id="code-20-43097587-3">menu.component.ts:54 
legal entity returned stringyfied : [{"id":1,"userId":1,"leId":1,"legalEntityDesc":"AcmeFinancial"},{"id":2,"userId":1,"leId":2,"legalEntityDesc":"AcmeShares"},{"id":3,"userId":1,"leId":3,"legalEntityDesc":"AcmeInsurance"}]
</code></pre>But the dropdown stays the same (that is with nothing selected), even when I try to add an array position like: <pre><code class="code-1 nolinks" id="code-20-43097587-4">&nbsp; &nbsp; &nbsp; .subscribe(legalEntity =&gt; {
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;this.legalEntity$&nbsp;=&nbsp;legalEntity;
&nbsp; &nbsp; &nbsp; &nbsp; console.log('legal&nbsp;entity&nbsp;returned&nbsp;stringyfied&nbsp;:&nbsp;'&nbsp;+ (JSON.stringify(legalEntity)));
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;this.selectedEntity =&nbsp;this.legalEntity$[0];
&nbsp; &nbsp; &nbsp; })
</code></pre>What am I doing wrong? 
</div>

Bluffer

Anthony Horner

<div>
Thanks, it worked, by setting the ngValue to be a attribute of the object entity instead of the object itself I was able to set the value using the "this.selectedEntity = 2 (or 1 in my case). &nbsp; Thanks again
</div>

<div>
<div class="content wysiwyg-content">
I have a drop-down in a header component which loads at log-in the legal entities that the user can view. 
I'm not particular about which value is displayed but I would like there to be a value chosen, at the moment if there are 3 values to display the dropdown has 4 (a blank value which displays first). 
 
The dropdown is populated the following way: 
 

<pre><code class="code-1 nolinks" id="code-10-29183928-1"> &lt;a *ngIf=&quot;jwtAuthenticationService.isUserLoggedIn()&quot;&gt;legal entity:
 &lt;select [(ngModel)]=&quot;selectedEntity&quot; (change)=&quot;onSelectEntity()&quot;&gt;
 &lt;option *ngFor=&quot;let entity of legalEntity$&quot; [ngValue]=&quot;entity&quot;&gt;{{entity.legalEntityDesc}}
 &lt;/option&gt;
</code></pre>
 
 
I'm guessing that I'd need to set 
<pre><code class="code-1 nolinks" id="code-10-29183928-2">selectedEntity
</code></pre>
 somehow in onInit after the data has been retrieved for that user? &nbsp;How to do that, I've no (sensible) idea. 
 
Help please
</div>
</div>

I have a drop-down in a header component which loads at log-in the legal entities that the user can view. 
I'm not particular about which value is displayed but I would like there to be a value chosen, at the moment if there are 3 values to display the dropdown has 4 (a blank value which displays first).

The dropdown is populated the following way:

(CODE)


I'm guessing that I'd need to set (CODE) somehow in onInit after the data has been retrieved for that user?  How to do that, I've no (sensible) idea.

Help please

Angular - setting dropdown list value first time around

Angular is a JavaScript open-source web application framework used to develop single-page applications. It aims to simplify both the development and the testing of such applications by providing a framework for client-side model–view–controller (MVC) and model–view–view-model (MVVM) architectures, along with components commonly used in rich Internet applications. Angular is the front-end part of the MEAN stack, together with Node.js runtime, Express.js backend framework and MongoDB database.