JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="app" ng-controller="MainCtrl">
    <input ng-model="widget.title" required ng-pattern="/[a-zA-Z]{4}[0-9]{6,6}[a-zA-Z0-9]{3}/">
    <br /><br />   
    input 1: {{ widget.title }}
    <br /><br />   
    <input ng-model="widget.title2" required>
    <br /><br />   
    input 2: {{ widget.title2 }}
</div>

JavaScript

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