title: angularjs change element based on dropdown select
body: <p>Using angularjs</p>
  
  <p>I have 3 select dropdowns and a button to get a json list</p>
  
  <p>Focus select dropdown looks like this:</p>
  
  <pre><code>&lt;select id='sort' ng-model='sort'&gt;
    &lt;option value='1'&gt;ID&lt;/option&gt;
    &lt;option value='2'&gt;Departmentname&lt;/option&gt;
    &lt;option value='3'&gt;Number of employees&lt;/option&gt;
  &lt;/select&gt;
  &lt;button ng-click="getinfo()"&gt;GET INFO&lt;/button&gt;
  </code></pre>
  
  <p>The table looks like this</p>
  
  <pre><code>&lt;table&gt;
  &lt;tr&gt; &lt;td&gt;{{ depid }}&lt;/td&gt; &lt;td&gt;{{ depname }}&lt;/span&gt;&lt;/td&gt; &lt;td&gt;{{ depemp }}&lt;/td&gt;&lt;/tr&gt;
  </code></pre>
  
  <p>In the controller I have:</p>
  
  <pre><code>$scope.depid = "Department id";
  $scope.depname = "Departmentname";
  $scope.depemp = "Number of employees";
  
  $scope.getinfo = function() {
    var url = "";  
    ...
  }
  </code></pre>
  
  <p>Based on selection "sort" I want the sort column to be bold/strong or uppercase.</p>
  
  <p>How do I do thIS?</p>