Question

您好我正在开发angularjs中的Web应用程序。我有一个文本框，我试图使用一些API绑定数据。下面是我的HTML代码。

  <input class="with-icon" type="text" name="groupname" placeholder="{{ 'Group Name' | translate }}" ng-model="user.name" required my-maxlength="50" ng-readonly="groupname">

以下是我的Angular代码。

function getgroupbyID(groupID) {
            var getsavedvechilceUrl = baseurl + "api/RolesPermission/getbyID/" + groupID;
            $http.get(getsavedvechilceUrl).then(function (response) {
                $scope.user.name = response.data.dataAPI.groupname;
            }, function (error) {

            })
        }

当上面的代码运行时，我最终出错了无法在$ scope.user.name中设置未定义的属性'name'。我知道hwy我收到这个错误吗？任何帮助，将不胜感激。谢谢

Answer 1

首先定义用户对象

$scope.user = {};

function getgroupbyID(groupID) {
    var getsavedvechilceUrl = baseurl + "api/RolesPermission/getbyID/" + groupID;
    $http.get(getsavedvechilceUrl).then(function(response) {
        $scope.user.name = response.data.dataAPI.groupname;
    }, function(error) {

    })
}

Answer 2

使用此文本框ng-init="user={}"

 <input class="with-icon" type="text" ng-init="user={}" name="groupname" 
placeholder="{{ 'Group Name' | translate }}" ng-model="user.name" required 
my-maxlength="50" ng-readonly="groupname">

无法为angularjs中的文本框指定值

2 个答案: