无法将ng-model中的$ scope对象绑定为输入

时间:2018-07-23 06:35:44

标签: angularjs json dom data-binding angular-ngmodel

我正在尝试使用ng-model将Controller的对象值绑定到输入,如果我将其添加到ng-repeat,则它绑定数据,但是如果我直接调用它,则不将数据绑定到输入。谢谢:)

角度控制器

SMSApp.controller('studentUpdateController', function ($scope, $routeParams, GetStudentService) {
    $scope.stuid = $routeParams.STUDENTID != null ? $routeParams.STUDENTID : 0;
    GetStudentService.getbyId($scope.stuid).then(function (result) {
        $scope.obj = JSON.parse(result);
        $scope.obj = $scope.obj.Table;
        console.log($scope.obj);
    });
});

控制台日志

enter image description here

HTML代码

<div class="col-md-4 form-group">
    <label>First Name</label>
    <input type="text" class="form-control" ng-model="obj.FIRSTNAME" placeholder="First Name" required />
</div>
<div class="col-md-4 form-group">
    <label>Middle Name</label>
    <input type="text" class="form-control" ng-model="obj.MIDDLENAME" value="" placeholder="Middle Name" required />
</div>

1 个答案:

答案 0 :(得分:0)

这是因为obj是一个数组。如果您不想使用ng-repeat换句话说,如果您确定阵列中只有1个项目,则可以尝试以下

<div class="col-md-4 form-group">
    <label>First Name</label>
    <input type="text" class="form-control" ng-model="obj[0].FIRSTNAME" placeholder="First Name" required />
</div>
<div class="col-md-4 form-group">
    <label>Middle Name</label>
    <input type="text" class="form-control" ng-model="obj[0].MIDDLENAME" value="" placeholder="Middle Name" required />
</div>