只讀文本字段錯誤

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,
                };
            }

Answer 1

ng-readonly=""指令在這里應該可以正常工作。 從控制器中的變量設置ng-readonly。

當您單擊按鈕時，將var設置為true。 當您單擊兩個按鈕時，將該var設置為false。

必須在輸入字段上使用ng-readonly=""標志。

編輯 -Plunker演示：

https://plnkr.co/edit/b5dYYT4HEYXE2Es9PUce?p=preview