JSFiddle - React, Tailwind, and code Playground

by nnur ffarazi

HTML

<div class="hero-unit" ng-controller="TaskController">
    <h1>Tasks</h1>
    <h2>current {{currentTask}}</h2>
    <form name="taskForm">
        <div ng-repeat="task in tasks">
            <input type="radio" name="taskGroup" ng-model="$parent.currentTask" value="{{task.id}}">{{task.name}} {{task.elapsedTime}}
        </div>
    </form>
</div>

JavaScript

angular.module('yeomantestApp', []).controller('TaskController', function($scope) {
    $scope.currentTask;
    $scope.tasks = [
        {
        id: 1,
        name: 'write test',
        elapsedTime: 15},
    {
        id: 2,
        name: 'run test',
        elapsedTime: 32},
    {
        id: 3,
        name: 'write code',
        elapsedTime: 22}
    ];
});