无法在 angularjs 中为文本框赋值

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 中设置未定义的属性"名称"。我可以知道高速公路我收到此错误吗？任何帮助将不胜感激。谢谢

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">