MVC5 AngularJS数据没有从服务传递到控制器

时间:2016-12-29 10:18:09

标签: angularjs asp.net-mvc-5

您好我正在使用MVC5在AngularJS中开发一个应用程序。我试图从数据库中获取基于ID的数据。我的服务器端代码工作正常。 我发现将数据绑定到angularJS控制器中的控件有困难。我是AngularJS世界的新手。 这就是我到目前为止所做的。

<tr ng-repeat="usr in userList">
            <td>
                {{usr.ID}}
            </td>
            <td>
                {{usr.FNAME}}
            </td>
            <td>
                {{usr.LNAME}}
            </td>
            <td>
                {{usr.USERNAME}}
            </td>
            <td>
                {{usr.JOINING_DATE}}
            </td>
            <td>
                <input type="button" value="Edit User" span ng-click="editUser(usr)"/>
                <span ng-click="editUser(usr)" class="btnRed">Delete</span>
            </td>
        </tr>

这是我的service.js代码。

 this.getUser = function (ID) {
        var response = $http({
            method: "post",
            url: "CreateUser/getUserByNo",
            params: {
                id: JSON.stringify(ID)
            }
        });
        return response;
    }

这是我的angularJS控制器代码。

 $scope.editUser = function (usr) {
        debugger;
        var getData = CreateUserService.getUser(usr.ID);
        getData.then(function (emp) {
            $scope.usr = emp.data;
            $scope.FNAME = usr.FNAME;
            $scope.Lname = usr.Lname;
            $scope.UserName = usr.UserName;
            $scope.JoiningDate = usr.JoiningDate;
        },
        function () {
            alert('Error in getting records');
        });
    }

我正在尝试将数据绑定到以下文本框。

 <input type="text" id="Fname" class="Fname" ng-model="Fname" />

在angularJS控制器中,我的数据没有使用下面的代码绑定。  $ scope.FNAME = usr.FNAME;我可以知道我做错了什么吗?非常感谢你。

1 个答案:

答案 0 :(得分:1)

ng-model="Fname"更改为ng-model="FNAME"

可能这会做绑定。