AngularJS中使用绑定载入JSON数据时，不能保持绑定。
创始人
2024-10-27 16:30:29
0次

使用'$http”服务获取JSON数据，并将其分配给作用域中的变量以供使用。下面是代码示例：

HTML：


  
    
    
  • 
      {{person.name}} - {{person.city}}
    
    •

JavaScript：

var app = angular.module('myApp', []);

app.controller('myCtrl', function($scope, $http) {
  $http.get("people.json").then(function(response) {
    $scope.people = response.data;
  });
});

在上面的代码中，'people.json”是包含JSON数据的文件名，该数据被作为响应返回，并在成功时分配给$scope.people变量。然后，您可以在HTML中使用'ng-repeat”指令将数据循环遍历并绑定到指定的元素中。

这种方法保持绑定，并且无需手动更新视图。

上一篇：AngularJS中使用$httpPOST发送数组参数时，参数在payload中不正确。

下一篇：AngularJS中使用ng-show破坏了select2的布局

相关内容

热门资讯

五分钟辅助！微友辅助神器下载，... 五分钟辅助！微友辅助神器下载，小闲川南辅助工具（一分钟揭秘开挂辅助神器）;AI辅助机器人普及解说快速...
五分钟辅助！微乐小程序辅助教程... 五分钟辅助！微乐小程序辅助教程，传送屋有没有挂（终于知道开挂辅助工具）>>您好：软件加薇136704...
一分钟辅助！德州透视插件，微乐... 【福星临门，好运相随】；一分钟辅助！德州透视插件，微乐小程游戏破解器下载（我来教大家开挂辅助脚本）；...
7分钟开挂！吉安小程序中至游戏... 7分钟开挂！吉安小程序中至游戏辅助，we poker辅助器下载（透视模拟器开挂辅助平台）【无需打开直...
九分钟辅助！微信多乐跑胡子作弊... 九分钟辅助！微信多乐跑胡子作弊，wepoker挂（推荐一款开挂辅助软件）；打开点击测试直接进入微信（...
五分钟辅助！四川游戏家园破解版... 五分钟辅助！四川游戏家园破解版，海螺众娱辅助脚本（2分钟细说开挂辅助插件）;1、这是跨平台的四川游戏...
5分钟开挂！雀友会广东潮汕辅助... 福建天天开心辅助软件大全开挂教程视频分享装挂详细步骤在当今的网络游戏中，福建天天开心辅助软件大全作为...
第9分钟辅助！山西扣点带你辅助... 第9分钟辅助！山西扣点带你辅助工具破解，丽水欢乐堂辅助插件（透视ai开挂辅助脚本）;亲，有的，ai轻...
6分钟开挂！微信小程序雀神辅助... 6分钟开挂！微信小程序雀神辅助器，丽水都莱辅助器（透视挂开挂辅助插件）1、下载安装好微信小程序雀神辅...
5分钟辅助！掌中乐游戏辅助器，... 5分钟辅助！掌中乐游戏辅助器，波特互娱辅助（盘点十款开挂辅助工具）；波特互娱辅助中的10万兆豆可能无...