Question

我只有一个文字字段

 <input type="text" name="groupname" value="">

我希望使用angularjs

在上面的文本框中显示组名

app.controller('get_group_name', function($scope, $http) {
    $http.get(site_url +    'admin/Usergroup_controller/get_available_user/1')
.then(function (response) {$scope.names = response.data.records;});

}）;

我正在获取像

这样的json数据

[{"groupname":"Bharat"}]

只有一条记录

如何在文本框中获取此数据。

Answer 1

<input type="text" name="groupname" ng-model = "names[0].groupname">

Ng-model用于将数据从控制器绑定到视图。我建议您访问角度文档以更好地理解Angularjs。

FIDDLE：http://jsfiddle.net/Lvc0u55v/1452/

Answer 2

<input type="text" name="groupname" value="" ng-model="groupname">

然后在promise中使用$ scope变量：

app.controller('get_group_name', function($scope, $http) {
$http.get(site_url + 'admin/Usergroup_controller/get_available_user/1')
.then(function (response) {$scope.names = response.data.records; 
$scope.groupname = response.data.records.groupname;

}）;

Answer 3

<input type="text" name="groupname" ng-model="name">

然后在控制器中：

app.controller('get_group_name', function($scope, $http) {
   $http.get(site_url + 'admin/Usergroup_controller/get_available_user/1')
  .then(function (response) {
              $scope.names = response.data.records; 
              $scope.name = response.data.name;
});

如何在angularjs中显示单个数据库条目

3 个答案: