JSFiddle - React, Tailwind, and code Playground

by Alexandros Spyropoulos

HTML

<div ng-app="angularApp">
    <div ng-controller="formController">
        <form ng-show="parameters.editable">
            <input ng-model="form.field_a" />
            <input ng-model="form.field_b" />
            <input ng-model="form.field_c" />
            <div>
                <input type="radio" ng-model="form.radio_a" value="a" />
                <input type="radio" ng-model="form.radio_a" value="b" />
                <input type="radio" ng-model="form.radio_a" value="c" />
            </div>
        </form>
        <table ng-hide="parameters.editable">
            <tr ng-repeat="field in form">
                <td>{{field}}</td>
            </tr>
        </table>
        <input type="checkbox" ng-model="parameters.editable" />
    </div>
</div>

JavaScript

angular.module('angularApp', []);

angular.module('angularApp')
    .controller('formController', function ($scope) {

    $scope.form = {};

    $scope.parameters = {
        editable: true
    };

});