在Http.get()之后显示模态窗口

时间:2018-05-03 19:16:55

标签: html5 angular bootstrap-modal angular-ui-bootstrap

我正在调用一个函数来从Http.get()请求中获取响应。

我的数据检索功能就是这个:

getCharacterDetail(characterId: number) {
    return this.http.get(this.characterDetailApiUrl + characterId)
        .subscribe(res =>
            console.log(res.json())
        );
}

现在我必须将这些数据显示到模态窗口中。不知道该怎么做。

2 个答案:

答案 0 :(得分:1)

使用您提供的代码,这里粗略估计您可能正在寻找的内容。

app.controller('characterController', function ($scope, $http) {
  $scope.getCharacterDetail = function (number) {
     return $http.get(this.characterDetailApiUrl + characterId)
       .subscribe(res =>
           console.log(res.json())
       );
     }
});

答案 1 :(得分:1)

ng-bootrstrap将是一个不错的选择,因为模态组件可用,您可以将必要的数据作为输入传递给组件。

example