Угловая: введите в ng-модель значение, заданное в области

Question

В ng-модели я хочу установить значение по умолчанию, определенное в моей области видимости, но значение не распознается.

Вот мой контроллер:

$scope.defaultRole = "Admin"; 

Мое мнение:

<input type="text" 
class="form-control" ng-model="user.role='{{defaultRole}}'"> 

, но у меня есть {{}} defaultRole вместо Администратор в мой ввод текста. Может быть, это проблема формирования, но я не знаю, как заставить ее работать.

Примечание: я могу установить ng-model = "user.role = 'Admin'", но я хочу его из области.

Благодарим за помощь!

Answer 1

Вы не понимаете, как работает ngModel. ngModel ожидает назначаемое угловое выражение. Выражение связано двумя способами. Это означает, что

• для заполнения поля ввода, угловое вычисляет выражение
• , когда значение, введенное в изменении поля ввода, переменная, что выражение ngModel относится к устанавливается равным введенному значению

Таким образом, все, что вам нужно, это

<input type="text" class="form-control" ng-model="defaultRole"> 

это будет читать переменную defaultRole и заполнить поле со значением, и наоборот.

Если вы хотите, вместо того, чтобы заполнить user.role с введенным значением, и поле, чтобы иметь значение defaultRole по умолчанию, то он должен быть

<input type="text" class="form-control" ng-model="user.role"> 

и контроллер должен сделать

$scope.user.role = $scope.defaultRole; 

или, если пользователь не существует еще

$scope.user = { 
    role: $scope.defaultRole 
}; 

Инициализировать ialize user.role до значения по умолчанию.

Answer 2

Вы можете сделать это, используя ng-init. ng-model не должен иметь дело с аффектацией. Это будет сделано непосредственно угловым.

<input type="text" class="form-control" ng-model="user.role" ng-init="user.role = defaultRole"> 

Working Fiddle