只读文本字段出错

Question

我有这个2按钮链接到相同的模态形式。

<a ng-click="addUser(user)" class="btn"><i class="glyphicon glyphicon-edit"></i></a>
<button type="button" class="btn btn-primary" ng-click="addUser(user)">Add New User</button>

我想要的是，如果用户点击第一个按钮，用户可以输入他们的用户名，但是如果用户点击第二个按钮，他们的用户名就无法更改。

<div class="form-group has-feedback" ng-class="addUser.username.$valid ? 'has-success' : 'has-error';" ng-readonly="readonly">
 <label class="control-label" for="username">Username</label>
  <input class="form-control" name="username" ng-model="user.username" required>
   <span class="glyphicon form-control-feedback" ng-class="addUser.username.$valid ? 'glyphicon-ok' : 'glyphicon-remove';"></span>
    </div>

我试图设置为只读但它不会那样工作。有人可以帮帮我吗？

 if (user) {
                $dialogScope.title = "Update User";
                $dialogScope.hideField = true;
                $dialogScope.readonly = true;
                var copy = angular.copy(user);
                $dialogScope.user = {
                    username: copy.username,
                    name: copy.name,
                    status: copy.status,
                    scope: copy.scope,
                };
            }