个人中心
gpt4 book ai didi

javascript - angularJS - 无法将 API Json 响应数据加载到我的 HTML 文件中

转载 作者：行者123 更新时间：2023-11-28 01:08:42 24 4
gpt4 key购买 nike

这是我使用的代码:

angular.module('ngApp', [])
.factory('authInterceptor', authInterceptor)
.constant('API', 'http://myserver.com/app/api')
.controller('task', taskData)

function taskData($scope, $http, API) {
  $http.get( API + '/tasks' ).
  success(function(data) {
    $scope.mainTask = data;
    console.log(data);
  });
}

这是我的 HTML 文件:

<html>

  <head>
    <title>PCC ECAR App</title>

    <link href="../app.css" rel="stylesheet" />
  </head>

  <body ng-app="ngApp" ng-controller="task" class="">

    <div class="view1"> {{mainTask.Amount} </div>

    <!-- Third Party Scripts -->
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular.min.js"></script>

    <!-- Main App Script -->
    <script src="../app/app.js"></script>

  </body>
</html>

这是来自 API 响应的控制台日志的屏幕截图:

enter image description here

发生的事情是，当您转到页面时，元素 view1 将显示 {{mainTask.Amount}} 半秒钟，然后消失，留下元素空白。我显然做错了什么。为什么我不能将数据加载到 HTML 中？

最佳答案

$scope.mainTask.tasks 是一个包含任务数据的数组。您可以在 View 中循环遍历它:

<ul>
  <li ng-repeat="task in mainTask.tasks">{{task.Amount}}</li>
</ul>

关于javascript - angularJS - 无法将 API Json 响应数据加载到我的 HTML 文件中，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/38573941/

24 4 0
文章推荐： c++ - 如果不使用，双端队列会减慢程序速度吗？
文章推荐： c++ - 我应该缓存它吗？
文章推荐： c++ - cudaMalloc 问题和 "out of memory"错误
文章推荐： c++ - 在我的类中声明的函数未显示在范围内
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com