title: How can I set bordercolor with using ng-class in AngularJS?
body: <p>I have a list of items and I'm populating it using radio buttons. Now, I want to change border color of the item to red using <code>ng-class</code> when the associated radio button is clicked. This part is actually working. However, when I click on another item's radio button, the previous clicked item border is not unselected.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.selected{
      border-color:red;
  }
  .unselected{
      border-color:white;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;input type="radio" name="clients" value="even" ng-click="selectClient(x)" ng-model="x.isSelected"&gt;
  
  &lt;span class="split bqm-focus" ng-class="{selected:x.isSelected,unselected:!x.isSelected}"&gt;
      &lt;img ng-src="data:image/JPEG;base64,{{x.LogoSmall}} "  /&gt;
  &lt;/span&gt;</code></pre>
  </div>
  </div>
  </p>