<!doctype html>
<html lang="en" ng-app="">

<head>
  <meta charset="UTF-8">
  <title>how to disable and read-only text-box in angularjs?</title>
  <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.0/angular.min.js"></script>
</head>

<body  ng-init="isDisabled = true">
  <h1>Check to checkbox for make readonly to the TextBox</h1>
  <input type="checkbox" ng-model="checked">Checked checkbox for Edit TextBox
  <input type="text" ng-readonly="!(checked)" value="www.code-sample.com" />
  <button ng-disabled={{isDisabled}}>Button</button>
</body>

</html>