JSFiddle - React, Tailwind, and code Playground

HTML

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

JavaScript

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

  $scope.readOnly = false;

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