Angularjs中無法修改readonly的值，只能用ng-readonly然后修改其值？

<div ng-app ng-controller="MainCtrl">
    <p>First Name:
    <input ng-model="first" readonly="isReadOnly"/>
    </p>
</div>

function MainCtrl($scope) {
    $scope.first = "Angular";
    $scope.isReadOnly= "false";
}

input還是只讀的，必須把readonly換成ng-readonly才能修改他的值，這是因為什么？是因為readonly是html原生的屬性，在angualrjs中只能通過ng-readonly來修改他的值么 還是其他什么原因？