JSFiddle - React, Tailwind, and code Playground

by Adam Doherty

HTML

<div ng-app="myApp" ng-controller="myCtrl">
<form name="angForm" novalidate>
<div class="form-group">
    <label for="name1" class="sr-only">Last Name</label>
    <span ng-show="angForm.name1.$dirty">* Will be updated to model
                only after this text box is blurred.
    </span>
    <input type="text" name="name1" id="name1" class="form-control" ng-model="person.lastName"
        ng-model-options="{updateOn : 'blur'}" ng-disabled="!edit"
        placeholder="Last Name" />
</div>
</form>
</div>

JavaScript

var app = angular.module('myApp', []);
app.controller('myCtrl', function ($scope) {    
    $scope.edit = true;
   
});