JSFiddle - React, Tailwind, and code Playground

HTML

<form name="form" ng-app="app" ng-controller="MainCtrl">
    <input name="title" ng-model="widget.title" required ng-pattern="/^[A-Z]{4}\d{6}[A-Z\d]{3}$/i" />
    <input name="title2" ng-model="widget.title2" required />
    
    <p>
        Data: {{widget}}<br />
        Error 1: {{form.title.$error}}<br />
        Error 2: {{form.title2.$error}}<br />
    </p>
</form>

JavaScript

angular.module('app', [])
    .controller('MainCtrl', function($scope) {
        $scope.widget = {title: 'abc', title2: 'abc'};
    });