JSFiddle - React, Tailwind, and code Playground

by psyho

HTML

<script src="http://code.angularjs.org/0.9.19/angular-0.9.19.min.js" ng:autobind></script>

<p>
  BUG: no radio is "checked" initially
</p>

<table ng:controller="Cntl">
    <tr ng:repeat="item in items">
        <td><input type="radio" name="foo.defaultItem" value="{{item.id}}"/></td>
        <td>{{item.name}}</td>
        <td><strong ng:show="foo.defaultItem == item.id">default</strong></td>
    </tr>
</table>

<br/>

<p>
  WORKAROUND: put "checked" on each radio element
</p>

<table ng:controller="Cntl">
    <tr ng:repeat="item in items">
        <td><input type="radio" name="foo.defaultItem" value="{{item.id}}" checked="{{foo.defaultItem == item.id}}"/></td>
        <td>{{item.name}}</td>
        <td><strong ng:show="foo.defaultItem == item.id">default</strong></td>
    </tr>
</table>

JavaScript

function Cntl() {
    this.items = [
      {id: 1, name: 'foo'},
      {id: 2, name: 'bar'},
      {id: 3, name: 'baz'}
    ];
    this.foo = {
        defaultItem: 1
    };
}