JSFiddle - React, Tailwind, and code Playground

by flyingL123

HTML

<div id="app" ng-app="app" ng-controller="AppController">
    <div class="formWrapper" ng-repeat="form in forms">
        <form name="{{ 'form' + form.id }}" ng-submit="submitForm()" novalidate>
            <input ng-model="form.value" required />
            <button type="submit">Submit</button>
        </form>
    </div>
</div>

JavaScript

var app = angular.module('app', []);

app.controller("AppController", ['$scope', function($scope){
    $scope.forms = [{id: 1, value: "val1"}, {id: 2, value: "val2"}, {id: 3, value: "val3"}];
    
    $scope.submitForm = function(){
         alert('submitted');   
    }
}]);