JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app ng-controller="myCtrl">
<div ng-switch="readOnly">
  <div ng-switch-when="true">
    <select ng-selected="doc.readOnly" ng-model="doc.readOnly" required>
      <option value="true" selected>True</option>
      <option value="false">False</option>
    </select>
  </div>
  <div ng-switch-when="false">
    <select ng-model="doc.readOnly" required>
      <option value="true">True</option>
      <option value="false" selected>False</option>
    </select>
  </div>
  </div>
  <button  ng-click="save()"> Save</button>
</div>

JavaScript

function myCtrl ($scope) {
  $scope.doc = {};

  $scope.readOnly = true;

  $scope.save = function () {
    console.log($scope.doc);
  };
};