html - 使用 Angular JS 激活 API

标签 html css angularjs api

我正在尝试从此服务获取天气信息,并使用 AngularJS 库将动态数据填充到 html 中。

http://api.openweathermap.org/data/2.5/weather?q=Riyadh,ksa&appid=a809c777d6813b6b0905a9a7bf1a8399

我应该把这个链接放在脚本标签中吗?如果是,我如何将它与 AngularJS 一起使用。这是我第一次使用 api 和 AngularJS,我看了很多教程,但没有一个像这个 api 链接。

最佳答案

你应该这样做

app.controller("testController", function($scope,testService){
            testService.getData ()
                .then(function (response) {
                    $scope.testData = response.data;
                    // handle valid reponse

                },
                function(error) {
                    //handel error
                });
        }

始终处理错误。

你还应该创建一个服务

angular.module('myApp')
  .service('testService', function ($http) {

   this.getData = function () {
      var endpoint = "url/";
      return $http({
        method: 'get',
        url:  endpoint
      });
    };

}

有关详细 View ,请查看 this简单的应用

关于html - 使用 Angular JS 激活 API,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45671324/

相关文章:

jquery - 如何从 IFrame 中删除滚动条?

javascript - 在某些情况下如何防止 .stop() ?

html - 如何使用 css 显示 2 个单词,第一个单词在开头,另一个单词在同一行的末尾?

html - 使用 css 在悬停一个图像时隐藏其他图像

html - 文本在 span 中没有急切对齐

html - Bootstrap 负责任的故障?

HTML + CSS 无限滚动背景 : Flicker on Safari at repeat

javascript - 使用 Angular 将数组复制到对象中的对象

javascript - $index 的 formElementsData 跟踪中的 Angular ng-repeat 错误 "Duplicates in a repeater are not allowed' 和 (k, v) 不起作用

javascript - AngularJS 将变量传递给模板