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:

[Link] Here is an image of the HTTP calls its making

ng-model不从控制器捕获默认值

1 个答案: