Модель ng не захватывает значение по умолчанию из контроллера

Question

У меня есть значение, переданное из контроллера, как показано ниже

var ndata = {                   
    id:res.data.data.id,
    option1:res.data.data.option1,
    option2:res.data.data.option2              
};


$rootScope.vars = ndata;

Теперь вышеприведенное имеет значение, и я получаю его в виде и присваиваю полю ввода

<label>dec</label>
<input ng-model="vars.option1" data-ng-change="nd.option1=vars.option1"
       placeholder="select" type="text"
       class="ng-untouched ng-pristine ng-valid">

если я отправлю вышеупомянутую форму, модель nd.options будет иметь значение null, если я не введу дополнительное значение в поле ввода.Это означает, что он не инициализируется значением по умолчанию в контроллере

Answer 1

Будет показан ожидаемый результат.

Пожалуйста, проверьте приведенный ниже фрагмент кода:

var app = angular.module('app', []);

app.controller('MainCtrl', function($scope) {
$scope.name = 'World';

var ndata = {
            id:'001',
            option1:'Option1',
            option2:'Option2'
    };

  $scope.vars = ndata;
 $scope.SubmitForm=function(){
alert(ndata.option1);
}
});

И в html-файле запишите:

<label>dec</label>
<input ng-model="vars.option1" data-ng-
  change="nd.option1=vars.option1" placeholder="select" type="text" 
  class="ng-untouched ng-pristine ng-valid">
<input type="submit" ng-click="SubmitForm()">

>> Kindly check the Plunker link for more information: 

[Ссылка] https://plnkr.co/edit/wkDSGZwGCGDtpVz49r0u?p=preview