title: How to look up a value in AngularJS and display data in HTML table
body: <p>I currently am getting to sets of JSON data back from a restul GET call. The first response set is used to build a HTML table of data. One of those values is an numeric ID from a data table in the DB.</p>
  
  <p>In the other set of JSON data is a set of the values that correspond to the numeric id value in the first data set. </p>
  
  <p>I'm trying to look up a value in the second set, based on the numeric value in the first set.</p>
  
  <p>I've been able to accomplish this using a  tag and ng-options, but this particular column need to just be a static  tag with a data value.</p>
  
  <p>My  tag looks like </p>
  
  <pre><code>&lt;td&gt;&lt;select id="basOrgs" class="form-control grid-input" ng-model-options="{updateOn: 'blur'}" ng-model="item.OrgUid" ng-options="org.OrganizationUid as org.OrganizationDisplay for org in Orgs"&gt;&lt;/select&gt;&lt;/td&gt;
  </code></pre>
  
  <p>What I'm trying to accomplish is to use the model item.OrgUid to look up a value in the Orgs data set to display Orgs.OrganizationDisplay based on the item.OrgUid value.</p>
  
  <p>I've experimented with ng-repeat without any success. </p>
  
  <pre><code>&lt;td ng-model="item.OrgUid" ng-repeat="org in Orgs track by org.OrganizationUid"&gt;{{org.OrganizationDisplay}}&lt;/td&gt;
  </code></pre>
  
  <p>The item model looks like<code>{OrgUid: 123456, Active:'Y',</code>StartDate'}
  The Org model looks like '{OrgUid: 123456, OrgDisplay: 'The Name of the Org'}</p>
  
  <p>What I would like to do is display the OrgDisplay value in the  tag based on the item.OrgUid value.</p>
  
  <p>Any help would be appreciated.</p>
  
  <p>Thanks,
  --Jim</p>