javascript - 对象引用中的变量

Question

我从输入字段中获取用户名并将其作为参数发送到 searchUser 函数。它返回具有更多对象值的用户名。

因此，如果我在输入字段中发送“daveeeeeed”并提交，那么它会发回

{"daveeeeeed":{"id":30155374,"name":"daveeeeeed","profileIconId":577,"summonerLevel":30,"revisionDate":1443840218000}}

所以在我的 html 文档中，我试图访问 res.'daveeeeeed'.name 以从请求中打印出名称。但显然 {{ res.username.name }} 不起作用。在 javascript 中我不能使用 $scope.res = data.username.name。

我的问题是；如何使用对象中的变量？例如。

我的目标res.username.name//用表单中发送的任何内容替换用户名

<form>
 <input type="text" ng-model="username" placeholder="username" name="username" />
 <button ng-click="searchUser(username)" class="btn btn-primary">Submit</button>
</form>
{{ res }}

这是javascipt

 $scope.searchUser = function(username){

   $http.get('https://na.api.pvp.net/api/lol/na/v1.4/summoner/by-name/' + username + '?api_key=<key>').
    success(function(data) {
        $scope.res = data;
    }).error(function(err) {
        $scope.res = "User not found";
    });
} 

Answer 1

从评论中添加答案:

您可以在进行 http 调用之前将用户名添加到 $scope。然后你可以在你的 DOM 模板中访问它，就像这样 {{ res[username] }}。

所以你的代码应该是这样的:

$scope.searchUser = function(username){

  $scope.username = username; // Notice this change

  $http.get('https://na.api.pvp.net/api/lol/na/v1.4/summoner/by-name/' + username + '?api_key=<key>').
    success(function(data) {
      $scope.res = data;
    }).error(function(err) {
      $scope.res = "User not found";
    }
  );
} 

模板应该是这样的:

{{ res[username] }}